Javascript中的节点是什么？

Question

Javascript中的节点是什么？

我想知道JavaScript中究竟是一个节点是什么？

如在功能:

element.nodeType
row.parentNode.removeChild(row);

Run Code Online (Sandbox Code Playgroud)

Answer 1

Hub*_*bro 30

在此上下文中,"节点"只是一个HTML元素."DOM"是表示网站HTML的树结构,每个HTML元素都是"节点".请参阅文档对象模型(DOM).

更具体地说,"节点"是由多个其他对象实现的接口,包括"文档"和"元素".可以类似地处理实现"节点"接口的所有对象.因此,术语"节点"(在DOM上下文中)表示实现"节点"接口的任何对象.最常见的是表示HTML元素的元素对象.

Answer 2

小智 19

节点位于 DOM 又名文档对象模型中。在 DOM 中，文档的所有部分，如元素、属性、文本等，都被组织成一个分层的树状结构；由父母和孩子组成。文档的这些单独部分称为节点。

最顶层的节点是 DOM 树的根节点（Document Node），它有一个孩子，<html>元素等等。进一步地，元素内部的文本内容是父元素的子节点，例如“Mobile OS”被认为<h1>是包含它的子节点，等等。HTML 文档中的注释也是 DOM 树中的节点，即使它们不会以任何方式影响文档。id、class、title、style 等 HTML 属性也被视为 DOM 层次结构中的节点。

Answer 3

小智 13

如果你有一个HTML文件，你可以看到它包含HTML元素，如<p>，<div>，<section>，等它也有HTML注释，换行符，文本内容和HTML属性。浏览器读取此 HTML 文件并根据 W3C HTML DOM 标准，将 HTML 文档中的所有内容分解为单个节点。

<p>、<div>、<section>等被视为“元素”节点，但注释是“注释”节点，“文本”对象是“文本节点”，换行符也被归类为“文本节点”。在 Javascript 的帮助下，我们可以访问节点树中的这些 DOM 节点。

永远记住一件事：每个 HTML 元素都是一个节点，但不是每个节点都是一个 HTML 元素。

运行此代码并在控制台中查看结果：

<div class="parent">
    <div class="child"></div>
    <!-- --> 
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>
<script>
    var parent = document.querySelector('.parent')
    console.log(parent.childNodes) // returns a list of all child nodes
    console.log(parent.children)   // returns a list of child **element** nodes only
</script>

Run Code Online (Sandbox Code Playgroud)

归档时间：	11 年，6 月前
查看次数：	21842 次
最近记录：	6 年，2 月前