HTML DOM

DOM

DOM（document object model）文档对象模型是定义和访问的HTML和 XML 的标准方法，HTML DOM将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

节点树

节点树

使用 HTML DOM，树中的所有节点均可以利用 JavaScript 进行访问。所有 HTML 元素（节点）均可被修改，也可以创建或删除节点。

HTML 文件

    
    




    

        
张三
        
李四
        
王五
        
赵六
    

HTML DOM 节点

1. 整个文档是一个文档节点（如:html文件就是一个文档节点）
2. 每个 HTML 元素是元素节点（如:
   ...
   ）
3. HTML 元素内的文本是文本节点(如:张三)
4. 每个 HTML 属性是属性节点（如:style="color:#66afe9"）
5. 注释是注释节点（如:< ! -- 我是注释 -- >）

节点父、子和同胞

• 节点没有父节点；它是根节点。
• 元素节点：和 的父节点是 节点，即文档节点： 节点拥有两个子节点： 和
• 文本节点： 张三的父节点是
• 节点
• 4个
• 是同胞元素节点
• 张三
是
的第一个子节点
• 赵六
是
的最后一个子节点
`