中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

三、節(jié)點操作

節(jié)點定位

getElementById(elementId)
//尋找一個有著給定id屬性值的元素，返回一個元素節(jié)點 ,document.getElementById(IDvalue)

getElementsByTagName(tagName)
//用于尋找有著給定標簽名的所有元素，document.getElementsByTagName(tagName)

getElementsByName(elementName)
//在HTML中checkbox和radio都是通過相同的name屬性值，來標識一個組內(nèi)的元素。如果我們現(xiàn)在要獲取被選中的元素，首先獲取改組元素，然后循環(huán)判斷是節(jié)點的checked屬性值是否為true即可

創(chuàng)建節(jié)點：

document.createElement(element)
//參數(shù)為要新添的節(jié)點標簽名，egnewnode=document.createElement("div");

document.createTextNode(string)
//創(chuàng)建一個包含著給定文本的新文本節(jié)點,eg:document.createTextNode("hello");

eg：

var a =document.createElement("span");
var b =document.createTextNode("cssrain");
a.appendChild(b);

添加節(jié)點:

//添加子節(jié)點：

node.appendChild(newChild) //newChild為生新增的節(jié)點.eg: document.body.appendChildNode(o) document.forms[0].appendChildNode(o)

//插入節(jié)點
node.insertBefore(newNode,targetNode)
node.insertAfter(newNode,targetNode);

修改節(jié)點：

 //刪除節(jié)點
node.remove()[2] //當某個節(jié)點被remove方法刪除時，這個節(jié)點所包含的所有子節(jié)點將同時被刪除。
node.removeChild(node) //eg:document.body.removeChild(node)
node.removeNode()//IE支持，但FF不支持,推薦用removeChild代替實現(xiàn)

//替換節(jié)點
node.replaceChild(newChild,oldChild) //oldChild節(jié)點必須是node元素的一個子節(jié)點。
node.replaceNode() node.swapNode()//只有IE支持replaceNode與swapNode方法，其他瀏覽器則不支持。

復制節(jié)點：

 //返回復制節(jié)點引用
node.cloneNode(bool)//bool為布爾值，true / false 是否克隆該節(jié)點所有子節(jié)點 ,eg:node.cloneNode(true)

出處：阿里媽媽UED
責任編輯：bluehearts

上一頁 小結(jié)下dom節(jié)點操作 [1] 下一頁 小結(jié)下dom節(jié)點操作 [3]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。