DOM 树结构

Question

我有一行 HTML 源代码，例如：

<span class="price proPrice" itemprop="priceCurrency" content="USD">US $<span itemprop="lowPrice">9.76</span> - <span itemprop="highPrice">13.26</span>  </span>

不知对应的DOM树应该是：

      < s  p  a  n  >
      /     |     |   \
   [US $] <span> [-]  <span> 
            |           |
          [9.76]     [13.26]

其中“[ ]”包含“#text”节点。以上代码显示为US $9.76 - 13.26

我自己正在学习 DOM 树结构，但在这里我有点困惑。另外我想知道叶子节点是否只能是文本节点或img节点？非常感谢！

Answer 1

看起来差不多（属性和最后一个内部<span> 之后的空格也会出现）。

我也想知道叶子节点只能是文本节点还是img节点？

任何不包含另一个节点的节点，例如。 <br \> 将是叶节点。