node属性及方法介绍

node属性
nodeType:显示节点的类型
nodeName:显示节点的名称
nodeValue:显示节点的值
attributes:获取一个属性节点
firstChild:表示某一节点的第一个节点
lastChild:表示某一节点的最后一个子节点
childNodes:表示所在节点的所有子节点
parentNode:表示所在节点的父节点
nextSibling:紧挨着当前节点的下一个节点
previousSibling:紧挨着当前节点的上一个节点
node方法
asChildNodes()方法:判定一个节点是否有子节点,有返回true,没有返回false
removeChild()方法:去除一个节点
appendChild()方法:添加一个节点,如果文档树中已经存在该节点,则将它删除,然后在新位置插入
replaceChild()方法:从文档树中删除(并返回)指定的子节点,用另一个节点来替换它
insertBefore()方法:在指定节点的前面插入一个节点,如果已经存在,则删除原来的,然后在新位置插入
cloneNode()方法:复制一个节点,该方法有一个参数,true表示同时复制所有的子节点,false表示近复制当前节点

<html> <title>node</title> <head> </head> <body name="bodyName"> <div id = "id" name="hello"><span>aaaa</span><span>bbbb</span><span>cccc</span></div> </body> </html> <mce:script type="text/javascript"><!-- document.write("-----------------------节点属性-------------------------<br>"); var myTest = document.getElementById("id"); document.write(myTest.nodeType+"<br>"); document.write(myTest.nodeName+"<br>"); document.write(myTest.nodeValue+"<br>"); document.write("-----------------------节点attribute用法-----------------------<br>"); document.write(myTest.getAttributeNode("name").nodeName+"<br>"); document.write(myTest.getAttributeNode("name").nodeValue+"<br>"); document.write(myTest.attributes("name").name+"<br>"); document.write(myTest.attributes("name").value+"<br>"); document.write("-----------------------firstChild用法-------------------------<br>"); document.write(myTest.firstChild.nodeType+"<br>"); document.write(myTest.firstChild.nodeName+"<br>"); document.write(myTest.firstChild.nodeValue+"<br>"); document.write("-----------------------lastChold用法-------------------------<br>"); document.write(myTest.lastChild.nodeType+"<br>"); document.write(myTest.lastChild.nodeName+"<br>"); document.write(myTest.lastChild.nodeValue+"<br>"); document.write("-----------------------childNodes用法-------------------------<br>"); var nodes = myTest.childNodes; for(var i=0;i<nodes.length;i++){ document.write(nodes[i].nodeName+"======"+nodes[i].innerHTML+"<br>"); } document.write("-----------------------parentNode用法-------------------------<br>"); var nodeP = myTest.parentNode; document.write(nodeP.nodeType+"<br>"); document.write(nodeP.nodeName+"<br>"); document.write(nodeP.nodeValue+"<br>"); document.write(nodeP.getAttributeNode("name").nodeValue+"<br>"); document.write("-----------------------hasChildNodes()用法-------------------------<br>"); document.write(myTest.hasChildNodes()); document.write("<br>-----------------------removeChild()用法-------------------------<br>"); myTest.removeChild(myTest.firstChild); document.write("<br>-----------------------appendChild()用法-------------------------<br>"); var newd = document.createElement("span"); newd.innerHTML = "eeee"; myTest.appendChild(newd); document.write("<br>-----------------------replaceChild()用法-------------------------<br>"); myTest.replaceChild(newd,myTest.firstChild); document.write("<br>-----------------------insertBefore()用法-------------------------<br>"); myTest.insertBefore(newd,myTest.lastChild); document.write("<br>-----------------------cloneNode()用法-------------------------<br>"); var ih = myTest.firstChild.cloneNode(true).innerHTML; document.getElementById("id").innerHTML = ih; // --></mce:script>

你可能感兴趣的:(文档,div,attributes)