解释html DOM树＆gt;子节点概念简单

Question

我一直在网上搜索DOM树的简单解释并理解父，子，兄弟关系，并且没有找到我可以遵循的简单解释。 我希望有人能用简单的语言表达。

我们说我们有一棵树如下

<div class='DOM>
   <div class='DOM_A'>
      <p class='DOM_A_1'>some text</p>
   </div>
   <div class='DOM_B'
      <div class='DOM_B_1'>
         <h1 class='DOM_B_1_1>some heading</h1>
         <p class='DOM_B_1_2>some text</p>
      </div>
   </div>
</div>

问题

• 与DOM相关的DOM_B_1_2（孩子）是什么？
• DOM_B_1_2与DOM_B有什么关系？
• 将它放在使用smile html DOM遍历DOM树的上下文中，您将如何使用children或childNodes编写以下内容：

问题

$DOM_B_1_2 = @$html->find('div.DOM', 0)->children(?)->plaintext;
$DOM_B_1_2 = @$html->find('div.DOM_B', 0)->children(?)->plaintext;

Answer 1

我建议直接指出你想要的元素：

double doubleNum = 4.0;
int num = (int) doubleNum;  // 4

所以你只需把它放在选择器中：

div.DOM div.DOM_B p.DOM_B_1_2

如果您选择$DOM_B_1_2 = $html->find('div.DOM div.DOM_B p.DOM_B_1_2', 0); echo $DOM_B_1_2; 路线，可以将其链接到该元素：

->children()

记录索引从零开始，以便第一个子进入索引零。

以下是一个例子：

$e = $html->find('div.DOM', 0)->children(1)->children(0)->children(1);
echo $e->innertext;