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 \>将是一个叶节点。