- DOM可以理解为将document按照节点顺序排列的一种文档模型；通过js可以修改dom（这也是js是单线程的原因之一）
- 事件捕获时先从document开始再到html再向下一级一级捕获；dom的根目录是document
- 常见的节点类型有元素节点（element）、属性节点（Attr）、文本节点（text）、注释节点（comment）；对应的nodeType分别为为1、2、3、8；
- 可以通过childNodes来获取父元素下的子元素的节点类型；
- childNodes返回的是类数组对象，可以通过[].prototype.slice()方法将其转换成真正的数组
- appendChild():在父元素下添加节点（相当于lastNode）
- replaceChild(newNode,Node):将Node位置的节点替换成newNode（被替换节点依然在文档中在HTMLCollection对象中可以查看到，只是不显示在界面上）
- removeChild(Node)：移除Node(移除节点依然在文档中在HTMLCollection对象中可以查看到，只是不显示在界面上）
- insertBefore(newNode,Node):在Node前一个位置插入newNode；Node.previousSibling==newNode;
- cloneNode(true):克隆该节点以及它的所有子节点（深拷贝）
- cloneNode(false):只克隆该节点本身（浅拷贝）
- 通过children可以获取到父元素下的子元素的元素标签；
<body>
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</body>
</html>
<script>
var body = document.body.childNodes;
console.log(body)
for (var i = 0; i < body.length; i++) {
console.log(body[i].tagName)
}
var body = document.body.children;
console.log(body)
for (var i = 0; i < body.length; i++) {
console.log(body[i].tagName)
}
</script>1、childNodes 属性返回节点的子节点集合，是一个 NodeList 对象。包含文本节点（有内容就有文本节点text）
2、children 属性返回元素的子元素的集合，是一个 HTMLCollection 对象，不包含文本对象。
- 通过document.documentElement()可以获取到整个html文件
- 通过document.getElementsByTagName('*')可以获取到整个html文件的标签
- document.domain实现两个子页面之间的通信（将两者的domain值设为相同值）
1480
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
