学习js dom常用操作和方法

1、 HYPERLINK /daxian2012/archive/2012/08/03/2622155.html DOM几种最有用的方法和属性 1.创建节点2.复制节点3.插入节点4.删除节点5.替换节点6.查找节点7.节点的属性8.遍历节点树=1.创建节点：var p = document.createElement(p); /创建一个元素节点，新创建出来的元素节点不会被自动添加的奥文档里，它没有nodeParent属性，所以需要用appendChild or insertBefore or 其他方法添加到文档中p.setAttribute(title,this is title); /设置元素

2、节点的属性var txt = document.createTextNode(hello world); /创建一个文本节点p.nodeType = 1;txt.nodeType =3;p.appendChild(txt); /将文本节点插入到元素当中document.body.appendChild(p); /将节点添加到文档中2.复制节点：var new_node = old_node.cloneNode(bool); /bool 是否连同复制子节点/如果bool是true，则也复制子节点，false则只复制本节点，连同本节点属性；复制的新节点也不在文档中，需要数动添加到文档/例如：var

3、 old_node = document.createElement(p);old_node.setAttribute(id,box);old_node.setAttribute(title,this is the title);var new_node = old_node.cloneNode(false);new_node.setAttribute(id,new_box); /保证文档中每个节点id的唯一性document.body.appendChild(old_node);document.body.appendChild(new_node);3.插入节点 header navi fo

4、otervar page = document.getElementById(page);var header = document.getElementById(header);var navi = document.getElementById(navigetion);var footer = document.getElementById(footer);var content = document.createElement(div);content.setAttribute(id,content);var txt = document.createTextNode(this is t

5、he content);content.appendChild(txt);/返回的是新节点的引用指针/如果target_node 未指定，insertBefore = appendChild/referrence = element.insertBefore(new_node,target_node);page.insertBefore(content,footer); /将content插入到footer之前page.insertBefore(footer,header) /将footer从page中删除，然后插入到header之前删除节点reference = element.removeChild(node);5.替换节点reference = element.replaceChild(new_node,old_node);6.查找节点element.hasChildNodes /用来判断该节点是否含有子节点，返回true or false;注意：TextNode.hasChildNodes /return false;AttrubuteNode.hasChildNodes /return false;7.节点的属性nodeName,nodeType,nodeValue8.遍历节点树element.childNodesnode.firstC