DOM简介

了解DOM

DOM：文档对象模型(Document Object Model)，是访问HTML和操作HTML的标准

分类：

• Core DOM – 核心DOM 针对任何结构化文档的标准模型
• XML DOM - 针对 XML 文档的标准模型
• HTML DOM - 针对 HTML 文档的标准模型

DOM节点的分类

• 文档节点
• 标签(元素)节点
• 属性节点
• 文本节点
• 注释节点

DOM节点层级关系(DOM树)

• 父节点(parent node)

  父节点拥有任意数量的子节点

• 子节点(child node)

  子节点只能拥有一个父节点

• 兄弟节点(sibling node)

  拥有相同父节点的同级节点

• 根节点(root node)

  一个HTML文档一般只有一个根节点，根节点没有父亲节点，是最上层的节点

• 祖先节点

  包含子节点的节点都可以叫做祖先节点，其中包括了父节点

• 后代节点

  一个节点内包含的所有节点，叫做后代节点，其中包括了子节点

JS跟页面中这些标签进行交互

• 获取标签(元素)节点
  • 修改标签CSS样式
  • 修改标签属性
• 创建标签
• 删除标签
• 复制标签