从element与node看node.childNodes和node.children 区别

node.childNodes和node.children 区别

  1. children返回HTMLCollection,是一个动态集合,随dom树更新。childNodes返回的NodeList不会
  2. children返回的只是元素节点,childNodes还包括文本节点等等
  3. children得到的是Element的属性,childNodes得到的是Node的属性

引申:element和node的区别

  • Node(节点)是DOM层次结构中的任何类型的对象的通用名称,Node有很多类型,如元素节点,属性节点,文本节点,注释节点等,通过NodeType区分
  • Element继承了Node类,也就是说Element是Node多种类型中的一种,即当NodeType为1时Node即为ElementNode,另外Element扩展了Node,Element拥有id、class、children等属性。

引申:对于getElementById与getElementByClassName

  • getElementById返回element对象
  • getElementByClassName返回动态的HTMLCollection

疑惑:getElementByClassName同样可以处理动态元素,却几乎看不到使用的案例,都是用的事件委托,难道有什么特殊的原因吗?

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值