Question

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

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

<div>是父母，<p>是孩子吗？

Answer 1

是的，<div>是父母，<p>是孩子

要进一步了解它，我们再添加一个<p>

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

现在<p id='first-paragraph'>和<p id='second-paragraph'>都是<div>的子代

另一个事实是，它们是兄弟姐妹，因为它们在同一级别上共享同一父级（<div>）

Answer 2

html结构与树结构相同，首先是根，即html，直接下的元素是其子元素，然后继续嵌套，并按此顺序添加元素图片可能会给您清晰的图片

Answer 3

确实，在您的代码中，<div>是父级，<p>是子级。这是一段代码

<html>
<title>example</title>

<body>

<head>

    <div> </div>

</head>

</body>
</html>

在上面的代码中，<div>是<head>的子级，<head>的{{1}}子级和<body>的{{1}}子级。从<body>的{{1}}父级，<html>的{{1}}父级开始，依此类推。