20200901+袁鑫

日志

知识总结：

nodeType 节点的类型，属性返回节点类型的常数值。不同的类型对应的常数值不同。

• 文档节点：document //9

• 元素节点：element //1

• 属性节点：attribute//2

• 文本节点：text //3

  节点名称，进一步判断元素的名称

  包含：

  ​ 文档节点：document // #document

  ​ 元素节点：element // 全大写标签名，例如：“BODY/HEAD”

  ​ 属性节点：attrribute // 属性名，例如：“href”

  ​ 文本节点：text // #text

  节点值

  包含：

  ​ 文档节点：document // null

  ​ 元素节点：element // null

  ​ 属性节点：attribute // 属性值，例如：“#”

  ​ 文本节点：text // 文本内容

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属性，但是却得到几乎所有浏览器的支持

心得：

今天的学习进度拉得比较快，我感觉自己掌握的不是很好，没有js的基础，虽说听课听起来都不难的样子，可是到自己用的时候就一头雾水，马上就要回学校了，希望在这个弯道多努力一点追回来一些吧！