20200831卢雨杰：

学习内容：

​

什么是DOM？

DOM(Document Object Model)，译为文档对象模型，是 HTML 和 XML 文档的编程接口(API)，是一套专门操作网页内容的对象和函数的统称

什么是DOM树？

DOM树是内存中存储网页中所有内容的树结构，网页中的一切内容都是节点(Node)对象，而一切节点对象都存储在一个树形结构中。浏览器每扫描到一项网页内容，就会自动在DOM树上对应位置创建一个节点对象，来保存这项内容

不需要查找可直接获得的节点

​ document
​ document.documentElement
​ document.head
​ document.body
​ document.forms[i]

childNodes和children的区别：

childNodes和children都返回动态集合（live collection），不实际存储数据，每次访问集合，都是重新查找DOM树

优点：首次查找返回速度快

缺点：反复访问集合，会导致反复查找DOM树

遍历：for(var i=0,len=children.length;i<len;i++)

区别：

1.childNodes是标准属性，返回指定元素的子元素集合，包括HTML节点，所有属性，文本节点。可以通过nodeType判断是哪种类型的节点；

2.children是非标准属性，返回指定元素的子元素集合。但是它只返回HTML几点，甚至不返回文本节点，虽然不是标准的DOM属性，但是却得到几乎所有浏览器的支持

数组：

for-in
for(var key in 数组){
// key是要遍历的每个元素的下标
// 数组[key]是每个下标对应的元素
}

数组分为：索引数组和关联数组

学习心得：

车速过快，dom讲的内容太快太多，稍微有点不是很跟得上车速，略微有点掉队