【问题标题】:What are parent and child nodes in practical use in html?html中实际使用的父节点和子节点是什么?
【发布时间】:2019-04-05 06:48:17
【问题描述】:

我真的迷失了这个概念。我已经阅读了 DOM 和节点的定义,但我仍然没有真正理解它的实际意义。例如,

<div>
  <p></p>
</div>

&lt;div&gt; 是父母,&lt;p&gt; 是孩子吗?

【问题讨论】:

  • &lt;p&gt; 是孩子。想象一下,嵌套的那个是孩子,而它上面的那个是它的父母。
  • 谢谢,您是否有指向某个文档的链接,我可以在其中阅读更多相关信息?我尝试过 MDN 和 w3c,但找不到相关信息

标签: javascript html css nodes


【解决方案1】:

没错,在您的代码中,&lt;div&gt; 是父级,&lt;p&gt; 是子级。 这是一段代码

<html>
<title>example</title>

<body>

<head>

    <div> </div>

</head>

</body>
</html>

在上面的代码中,&lt;div&gt;&lt;head&gt; 的孩子,&lt;head&gt;&lt;body&gt; 的孩子,&lt;body&gt;&lt;html&gt; 的孩子。从&lt;html&gt; 的父级&lt;body&gt;&lt;body&gt; 的父级&lt;head&gt; 等开始。

【讨论】:

  • 谢谢,那么在html中节点只是元素吗?像,&lt;body&gt; 会是一个节点吗? &lt;head&gt;&lt;div&gt; 会是节点吗?
  • 是的,就是这样。
【解决方案2】:

是的,&lt;div&gt; 是父级,&lt;p&gt; 是子级

为了更了解它,让我们添加另一个&lt;p&gt;

<div>
    <p id='first-paragraph'></p>
    <p id='second-paragraph'></p>
</div>

现在&lt;p id='first-paragraph'&gt;&lt;p id='second-paragraph'&gt; 都是&lt;div&gt; 的孩子

另外一个事实是他们是兄弟姐妹,因为他们处于同一级别,共享同一个父级 (&lt;div&gt;)

【讨论】:

  • 那么在html中真的就这么简单吗?如果它嵌套在它的内部是一个孩子,如果它在它的父母之外?而节点只是一个元素?
  • @Marcus 你可以参考this 了解更多关于节点和元素的解释
【解决方案3】:

html结构与树结构相同,首先是根,即html,直接下的元素是它的子元素,然后嵌套在此顺序下添加元素 图片可以给你清晰的图片

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多