2020.05.26

Posted 2020-12-22 nifs

今天回顾了关于DOM相关的一些小概念和小常识。

1.当前五大浏览器：谷歌、火狐、苹果、欧朋、ie9及以上[附上ie老祖宗（版本6,7,8），并没有按照w3c的规范，因此有很严重的兼容性问题]

2.为什么要对ie浏览器分版本区别对待：微软公司将IE浏览器内置在操作系统中，IE浏览器不能自动更新，只能跟随操作系统同步更新，而其他浏览器则是用户通过自行下载，所以一般情况下都是最新版本或者是自动（也可以是手动）进行更新。

3.DOM树上挂的都是节点，节点共有12种，常见常用的有四种：文档节点（位于html节点之外，看不见但是存在）、元素节点、属性节点、文本节点（包括文本和空格）

4.

查找子节点childNodes和children的区别：childNodes没有剔除文本节点，而children剔除了文本节点（比较实用）；

nextSibling和nextElementSibling的区别：nextSibling返回其父节点的childNodes列表中紧跟该节点的下一个节点，如果当前节点是最后一个节点，则返回null，因为返回的是childNodes列表，因此不会剔除文本节点，nextElementSibling返回其父节点的子元素节点紧跟该节点的下一个元素节点，如果是最后一个节点，则返回null，因为返回的是元素节点，因此剔除了文本节点；类似地，previousSibling和previousElementSibling也是如此。

获取父节点parentNode和parentElement的区别：parentNode返回的是当前节点在DOM树中的父节点，可能是一个文档节点、元素节点、文档碎片节点，对于属性节点、文档节点等一些节点的parentNode会返回null，parentElement返回的是当前节点的父元素节点，如果当前节点没有父节点或父节点不是元素节点则返回null。