Question

以下HTML：

    <html>
      <body>
          <label>field a</label>
          <input  name="foo1" value=""/><br/>
          <label>field b</label><input name="foo2" value="" /><br/>
      </body>
    </html>

...由于label和第一个input元素之间的空白，将字段输入略微偏向右侧。但是，看看Chrome中的DOM，我看到了：

即。 DOM中没有文本节点的表示。由于浏览器使用额外的空间呈现它，我认为发生的事情是DOM中确实存在空白，但DOM查看器由于某种原因不显示它。如果我理解正确，Firefox DevTools确实会显示空白文本节点（请参阅此blog post）。 Chrome有什么相似之处吗？

Answer 1

我认为无法在DOM视图中显示它们。

但是，我注意到它们在可访问性树中可以检测到：

Chrome DOM中的空白文本节点

1 个答案: