niubility-coding-js icon indicating copy to clipboard operation
niubility-coding-js copied to clipboard

Published 20 hours ago • verified publisher icon LinDaiDai

🌶️第3期第5题：children以及childNodes的区别

Open LinDaiDai opened this issue 4 years ago • 1 comments

children以及childNodes的区别

  • children只获取该节点下的所有element节点
  • childNodes不仅仅获取element节点还会获取元素标签中的空白节点
  • firstElementChild只获取该节点下的第一个element节点
  • firstChild会获取空白节点

LinDaiDai avatar Jun 10 '20 01:06 LinDaiDai

空白节点并非<br/>这类的“空节点”，是HTML代码中空格、换行符

https://codepen.io/justforuse/pen/rNxxzLW 查看控制台输出

justforuse avatar Jun 10 '20 09:06 justforuse