是一个元素在其子节点内的内容？

Question

在观看教程时，老师说html是DOCUMENT的子节点，但是文本“jQuery Adventures”在标题节点“下面”。

元素中的文本在技术上是该元素的子节点，还是只在DOM下面显示？编码时是否重要？

Answer 1

是的，元素内的连续文本行成为文本节点，该节点是该元素的子节点。

var el = document.querySelector('div');
console.log(el.childNodes.length); // 1 child node
console.log(el.childNodes[0].nodeType === Node.TEXT_NODE); // text node
console.log(el.childNodes[0].nodeValue); // text contents

<div>Hello</div>

Answer 2

是的，文本是包含它们的元素的子节点，是的，当您尝试实现网页的UI和CSS样式时，DOM（父结构和子结构）的结构很重要。