DOM tree

DOM 树浏览器

左侧每一项都来自隐藏 iframe 中的真实示例文档。选中节点后，右侧会读取这个节点对象的属性。

示例文档节点

0 nodes

Selected node

等待载入 DOM

Document

节点类型: -
nodeName: -
父节点: -
子节点数量: -

textContent 示例

正在等待 iframe 文档载入。

iframe 中的 HTML 片段

<!doctype html>
<html>
  <head>
    <title>DOM Sample</title>
  </head>
  <body>
    <h1>DOM 树</h1>
    <ul>
      <li>元素节点</li>
      <li>文本节点</li>
    </ul>
  </body>
</html>