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讲的内容太快太多,稍微有点不是很跟得上车速,略微有点掉队

评论

this is is footer