Js DOM 基本

Dom最基本最常用的属性和方法：

属性：

1,Attributes 存储节点的属性列表(只读)
2,childNodes 存储节点的子节点列表(只读)

3,documentElement 返回文档的根元素(可读写)

4,firstChild 返回当前节点的第一个子节点(只读)

5,lastChild 返回当前节点最后一个子节点(只读)

6,nextSibling 返回当前节点的下一个兄弟节点(只读)

7,nodeName 返回节点的名字(只读)
8,nodeType 返回节点的类型(只读)

9,nodeValue 返回节点的文本(可读写)

10,parentNode 返回父节点(只读)

11,previousSibling 返回此节点的前一个兄弟节点(只读)

12,Text 返回此节点及其后代的文本内容(可读写)

方法：

1,appendChild 为当前节点添加一个新的子节点,放在最后的子节点后
2,cloneNode 返回当前节点的拷贝
3,createAttribute 创建新的属性

4,createElement 创建一个元素节点

5,createNode 创建给定类型,名字和命名空间的节点

6,createTextNode 创建包括给定数据的文本节点

7,getElementsByTagName 返回指定名字的元素集合

8,removeChild 从子结点列表中删除指定的子节点
9,replaceChild 从子节点列表中替换指定的子节点

10,contains 是否含有某一个节点

11,hasChildNodes 是否含有子节点


节点的相对引用：(设当前对节点为node)
返回父节点
node.parentNode
node.parentElement
返回子节点集合（包含文本节点及标签节点）
node.childNodes
返回子标签节点集合
node.children
返回子文本节点集合
node.textNodes
返回第一个子节点
node.firstChild
返回最后一个子节点
node.lastChild
返回同属下一个节点
node.nextSibling
返回同属上一个节点
node.previousSibling

节点的操作：

添加节点：

  node.appendChild(childNode)

删除节点：

  node.removeChild()

替换节点：

  node.replaceNode()

复制节点：

  node.cloneNode(booleanObj)//booleanObj是一个布尔值，true复制所有的子节点，false不复制

信息的判断：

是否包含某一个节点：

  node.contains()

是否含有子节点

  node.hasChildNodes()