NODE操作

标签：

NODE操作
1. NODE类型
DOM 是这样规定的：
整个文档是一个文档节点
每个 XML 标签是一个元素节点
包含在 XML 元素中的文本是文本节点
每一个 XML 属性是一个属性节点
注释属于注释节点
2. 获取NODE的方式
2.1 通过获取元素的方式获取NODE
document.getElementById(“elementID”);
document.getElementsByTagName(“tagname”);
document.getElementsByName(“name”);
document.getElementsByClassName(“classname”);
2.2 通过NODE关系属性获得引用
object.parentNode: 获取该元素父节点
object.childNodes: 获取对象所有的子节点,只包含次级节点
object.firstChild: 获取该元素第一个子节点
object.lastChild: 获取该元素最后一个子节点
object.nextSibling: 获取该下一个兄弟节点
object.previousSibling: 获取该元素上一个兄弟节点
3. NODE属性
节点中文nodeType(节点类型) nodeName(节点名) nodeValue(节点值)
元素1 TagName null
属性2 attr 属性值
文本3 #text 文本值
注释8 #comment 注释文字
文档9 #document null
4. NODE 增, 删, 查, 改
4.1 创建NODE
4.1.1 创建元素节点
document.creatElement(TagName);
4.1.2 创建属性节点
object.attr = val;
object.setAttribute(attr, val);
4.1.3 创建文本节点
object.innerText = val;
document.createTextNode(text);
4.2 添加NODE
parentNode.appendChild(newNode);
说明: 向节点的子节点列表的末尾添加新的子节点。如果文档树中已经存在了 newNode，它将从文档树中删除，然后重新插入它的新位
置。可以使用 appendChild() 方法移除元素到另外一个元素。
parentNode.insertBefore(newNode,existingNode);
说明: 如果文档树中已经存在了 newNode，它将从文档树中删除，然后重新插入它的新位置。
parentNode.replaceChild(newNode,oldNode)
说明: 如果文档树中已经存在了 newNode，它将从文档树中删除，然后重新插入它的新位置。
parentNode.removeChild(node);
说明: 从子节点列表中删除某个节点

NODE操作

标签：

原文地址：http://www.cnblogs.com/wanghaijian/p/5450717.html