元素和文本节点有什么区别

Question

元素节点和文本节点的基本区别是什么？在 JS 中的 DOM 树中，

innerHTML

仅对 element nodes 有效。我很想知道其中的区别，所以我可以完全理解

innerHTML

。

Answer 1

在文档对象模型（DOM）中，元素节点是代表一个HTML元素的节点，如

div

、

p

、

img

等。一个元素节点可以有属性、子节点（包括其他元素）节点和文本节点），并且可以使用 JavaScript 来更改其属性或添加/删除子节点。

另一方面，文本节点是表示元素文本内容的节点。

innerHTML

是 DOM 中元素节点的属性，允许您设置或获取元素的 HTML 内容。它返回元素子元素的字符串表示形式，包括任何文本节点。但是，它对文本节点本身无效。