1. 程式人生 > >JS的DOM(二)節點操作

JS的DOM(二)節點操作

      innerHTML修改節點文字,也可以增加標籤。

  innerTEXT只能修改文字。

  DOM節點的style屬性對應所有的CSS,可以直接獲取或設定。JS中的屬性名要用駝峰形式。

JS的DOM(二)節點操作

  getAttribute(屬性名)可以獲取指定屬性。

  setAttribute(屬性名,屬性值)可以設定指定屬性。

  attributes可以獲取節點所有屬性。

  獲得節點型別nodeType:

  1------> 元素節點

  2------> 屬性節點

  3------> 文字節點

  9------> 文件節點

JS的DOM(二)節點操作

  節點建立:

  元素節點:document.createElement(tag標籤名稱);

  文字節點:document.createTextNode(文字內容);

  節點追加:

  父節點.appendChild(子節點);

  父節點.insertBefore(newnode,oldnode); //newnode放到oldnode的前邊

  父節點.replaceChild(newnode,oldnode); //newnode替換到oldnode節點

  節點複製:被複制節點.cloneNode(true/false);

  true:深層複製

  false:淺層複製

  節點刪除:父節點.removeChild(子節點);

JS的DOM(二)節點操作

相關推薦

JS的DOM()節點操作

      innerHTML修改節點文字,也可以增加標籤。   innerTEXT只能修改文字。   DOM節點的style屬性對應所有的CSS,可以直接獲取或設定。JS中的屬性名要用駝峰形式。   getAttribute(屬性名)可以獲取指定屬性。   setA

DOM節點():操作節點

strong node remove last rfi pan AR eno urn appendChild() 用於向childNodes列表的末尾添加一個節點。 var returnedNode = someNode.appendChild(newNode);

jsDOM節點操作

1.訪問節點 document.getElementById(id); 返回對擁有指定id的第一個物件進行訪問 document.getElementsByName(name); 返回帶有指定名稱的節點集合 注意:Elementsdocument.getElementsBy

DOM基礎——節點操作

firstChild : 第一個子節點  (標準瀏覽器下會把標籤的換行作為空白文字節點) firstElementChild: 標準下第一個子節點 (ie6/7/8不支援) lastChild / lastElementChild : 最後一個子節點 (相容同上) previousSibling

JAVA實現叉排序樹(建立、中序遍歷、插入節點和刪除節點操作

JAVA實現二叉排序樹 二叉排序樹的定義 二叉排序樹或者是一棵空樹,或者是具有下列性質的二叉樹: (1)若左子樹不空,則左子樹上所有結點的值均小於或等於它的根結點的值; (2)若右子樹不空,則右子樹上所有結點的值均大於或等於它的根結點的值; (3)左、

叉查詢樹的建立及刪除節點操作

1.查詢樹的建立(createTree) 假設有如下陣列4,1,45,78,345,23,12,3,6,21 首先選定4為root,然後遍歷剩下的數字,如果大於等於4則放到4的右側,小於4放到4的左側,最後構建成的樹:所有的左孩子都小於父節點,所有的右孩子都大於等於父節點。

jQuery節點操作

jquery創建節點  創建節點的流程比較簡單,包括創建節點、添加屬性和添加文本。若應用原生方法,一般地,包括document.createElement()、setAttribute()和innerHTMLvar ele = document.createElement(‘div‘); ele.innerH

每天一個JS 小demo之個人信息添加。主要知識點:DOM操作中的表格操作節點操作

mov src i++ blog this tex set elements img 以下是簡易效果: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

jQuery DOM節點操作

使用 strong cti html ndt pty index all taf 一、創建節點 var box = $(‘<div id =box>節點</div>‘); //創建一個節點 $(‘body‘).appended(box);     

學習Opencv 2.4.9() ---操作像素

椒鹽噪聲 window align 是個 簡單 ++ ima opencv2 mar 作者:咕唧咕唧liukun321來自:http://blog.csdn.net/liukun321本質上說一張圖像就是由數值組成的矩陣。Opencv 2.x由 cv::Mat 這個數據

簡介操作系統和集群開源技術研究

pla 設計 成本 期貨 jit cin 虛擬化技術 特性 基礎 作者:王步宙、陳晨 2008年似乎是個有魔力的一年,在這一年裏大西洋兩岸的德國和紐約兩大證券交易所集團幾乎不約而同的啟動了交易系統開源化項目。對於開源項目的動因,有人提出成本論,有人提出是低延遲論,我們認為可

JavaScript的DOM操作(節點操作)

value 內容 new one pcl html文檔 http dom操作 att 創建節點createElement()var node = document.createElement(“div”);沒什麽可說的,創建一個元素節點,但註意,這個節點不會被自動添

DOM節點操作

png 而不是 com func baidu 執行 classname class 技術分享 1、修改 class 屬性要寫成className:因為clas是關鍵字 2、.innerHTML修改標簽中的文字 給頁面添加節點document.createElemen

JQuery---選擇器、DOM節點操作練習

span gif .text ide none tle pre splay body 一、練習一 1、需求效果分析: 2、代碼示例: 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/

jQuery DOM節點操作方法大全

dom jquery 元素操作 append(content | fn):向每個匹配的元素內部追加內容。參考:http://jquery.cuishifeng.cn/append.html例如:向所有段落中追加一些HTML標記。<p>I would like to say: </

JQueryDOM節點操作

else mouseout 查找節點 round ner 要求 btn 刪除 att 一、JQueryDom節點操作 2.1查找節點 獲取p節點 var $pDm=$("p"); 輸出p節點的title屬性 alert($pDm.attr("title"));

HBase的java客戶端測試()---DML操作

返回 opera dmi for aos nbsp 多個 條件 node 測試準備 【首先同步時間:】 for node in CloudDeskTop master01 master02 slave01 slave02 slave03;do ssh $node "dat

Nodejs學習筆記()--- 操作MongoDB數據庫

效果 view asc erro eve mongdb splay play 所有 最近看了一些關於mongodb的文章,然後就想知道nodeJS是怎麽連接的所以我就嘗試去了解了一波(這個菜鳥驛站這個網站還不錯,雖然知識文檔不是最新的,但是還是蠻好的;   順便官網地址是

Nginx詳解(操作

ive nal set gen local pcr 大小寫 cpu 目錄結構 一、前言二、Nginx安裝三、Nginx的配置文件詳解四、nginx配置之http段五、其他模塊六、實驗一、前言http://www.nginx.cn/doc/ nginx安裝等各個操作界面介紹

js的DOM節點操作:創建 ,插入,刪除,復制,查找節點

con 函數 nts html屬性 追加 clas tracking nodes 末尾 DOM含義:DOM是文檔對象模型(Document Object Model,是基於瀏覽器編程的一套API接口,是W3C出臺的推薦標準。其賦予了JS操作節點的能力。當網頁被加載時,瀏