js 学习第10章 DOM

DOM

1.每个节点都有一个nodeType属性，一共有12个 Node.nodeType === 3（或者Node.TEXT_NODE) // true 就说名这个节点类容是文本

2.nodeName 和 nodeValue 属性

someNode.nodeName // 元素的标签名

3. 节点的关系：
   1.childNodes
   someNode.childNodes[0]; // someNode.chlidNodes.item(1);
   2.parentNode // 父节点
   someNode.nextSibling 同级的下一个节点
   someNode.previousSibling 同级的上一个节点
   父节点还有firstChild lastChild
4. hasChildNodes() // 有没有子节点
5. ownerDocument // ？？？

操作节点

1最常用: appendChild(): 添加在父节点的最后一个节点

任何dom元素都不可能同时出现在文档的多个位置上。因此，如果在调用appendChlid()时传入了父亲节点的第一个值，那么该节点就会变成父节点的最后一个节点

2如果需要把节点放在childNodes列表种的某个特定的位置上，而不是放在末尾，那么可以使用insertBefore()方法

例子：

// 插入后成为最后一个子节点
returnNode = someNode.insertBefore(newNode, null); // 后一个参数是参照节点
returnNode = someNode.insertBefore(newNode, someNode[0]);

3 replaceChild() removeChild()
replaceChild(新节点， 要替换的节点)
removeChild(要移除的节点)

4 其他方法

cloneNode()

DOCUMENT 类型