DOM树结构

Question

我有一行HTML源代码，如：

var colorArray = [];
var startColor = #18AED5;`
var endColor   = #1E1E26;`
// Calculate Colors...`

我想知道相应的DOM树是否应该是：

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

其中“[]”包含“#text”节点。以上代码显示为 < s p a n > / | | \ [US $] <span> [-] <span> | | [9.76] [13.26]

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

Answer 1

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

  

此外，我想知道叶节点是否只能是文本节点或img节点？

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