Thank you for visiting my web page!
打开演示,然后查看parapgraph节点的childNodes和children属性:
const paragraph = document.querySelector(p);
paragraph.childNodes; // NodeList:[HTMLElement, Text]
paragraph.children;// HTMLCollection: [HTMLElement]
paragraph.childNodes集合包含2个节点:Thank you,,以及for visiting my web page!文本节点!
但是,paragraph.children集合仅包含1个项目:Thank you 。
由于paragraph.children仅包含元素,因此此处未包含文本节点,因为其类型是文本(Node.TEXT_NODE),而不是元素(Node.ELEMENT_NODE) 。
同时拥有node.childNodes和node.children,我们可以选择要访问的子级集合:所有子级节点或仅子级是元素 。
4.总结
DOM文档是节点的分层集合,每个节点可以具有父级和/或子级 。如果了解节点是什么,那么了解DOM节点和元素之间的区别就很容易 。
节点有类型,元素类型就是其中之一,元素由HTML文档中的标记表示 。
完~ 我是小智,我要去刷碗了,我们下期再见!
推荐阅读
- 牛腩是牛哪个部位的肉
- 商榷是什么意思
- 女人指甲硬好还是软好 指甲硬好还是软好
- 城区是什么意思
- 三苏是指哪三个人关系 苏洵有女儿苏小妹吗
- 文件抬头是指
- yy是什么意思二次元
- 如何使用发蜡
- 隹在古代指的是什么
- 为什么那个的时候要十指相扣 异性肢体接触10等级