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的基础,虽说听课听起来都不难的样子,可是到自己用的时候就一头雾水,马上就要回学校了,希望在这个弯道多努力一点追回来一些吧!

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1