Javascript中的节点是什么?

时间:2014-07-26 19:13:41

标签: javascript dom nodes

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

与功能一样:

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

4 个答案:

答案 0 :(得分:22)

在这种情况下,<&#34>节点&#34;只是一个HTML元素。 &#34; DOM&#34;是一个表示网站HTML的树结构,每个HTML元素都是一个&#34;节点&#34;。请参阅Document Object Model (DOM)


更具体地说,"Node" is an interface由多个其他对象实现,包括&#34; document&#34;和&#34;元素&#34;。实现&#34; Node&#34;的所有对象界面可以类似地对待。术语&#34;节点&#34;因此(在DOM上下文中)表示实现&#34; Node&#34;接口。最常见的是表示HTML元素的元素对象。

答案 1 :(得分:6)

如果您有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>

答案 2 :(得分:1)

节点位于DOM中,即文档对象模型。在DOM中,文档的所有部分(例如元素,属性,文本等)均以分层的树状结构进行组织;由父母和孩子组成。文档的这些各个部分称为节点。

enter image description here

最上面的节点是DOM树的根节点(文档节点),它具有一个子节点,<html>元素,依此类推。 此外,元素内的文本内容是父元素的子节点,例如,“ Mobile OS”被视为包含它的<h1>的子节点,依此类推。 HTML文档中的注释也是DOM树中的节点,即使它们不会以任何方式影响文档。 HTML属性(例如id,class,title,style等)也被视为DOM层次结构中的节点。

答案 3 :(得分:1)

(DOM的)节点是HTML页面中的元素,由浏览器呈现到屏幕上的“节点树”。它可以通过网络客户端程序(如JavaScript)进行访问和操作。