HTML DOM

什么是DOM？

  DOM 是 W3C（万维网联盟）的标准。
  DOM 定义了访问 HTML 和 XML 文档的标准: "W3C 文档对象模型 （DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"

什么是HTML DOM？

  定义了访问和操作 HTML 文档的标准。
  HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。
  换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

HTML DOM 节点有哪些？

  根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：
    整个文档是一个文档节点
    每个 HTML 元素是元素节点
    HTML 元素内的文本是文本节点
    每个 HTML 属性是属性节点
    注释是注释节点

HTML DOM 对象 - 方法和属性

  一些常用的 HTML DOM 方法：
    getElementById(id) - 获取带有指定 id 的节点（元素）
    appendChild(node) - 插入新的子节点（元素）
    removeChild(node) - 删除子节点（元素）
  一些常用的 HTML DOM 属性：
    innerHTML - 节点（元素）的文本值
    parentNode - 节点（元素）的父节点
    childNodes - 节点（元素）的子节点
    attributes - 节点（元素）的属性节点

HTML DOM 对象

  Document对象：
    每个载入浏览器的 HTML 文档都会成为 Document 对象。
    Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
  Element 对象：
    在 HTML DOM 中，Element 对象表示 HTML 元素。
    Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
    NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。
  Attr 对象：
    在 HTML DOM 中，Attr 对象表示 HTML 属性。
    HTML 属性始终属于 HTML 元素。
  Event 对象：
    Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

写在最后：

  HTML DOM 和 Javascript 是不一样的东西，HTML DOM 是一种标准，只是定义了获取、修改、添加或删除 HTML 元素的标准，具体各种语言如何实现，并非HTML DOM所关心的。Javascript 只是一种脚本语言，根据HTML DOM标准用自己的语言实现HTML DOM，且这种脚本非常流行，两者根本就不是同一个东西。Javascript 有自己的内置对象，HTML DOM也有自己的对象，HTML DOM对象是在浏览器读取解析文件生成的，主要有文档对象document，元素对象element（html元素对象，如p，div等对象），属性对象attr（html元素属性），事件对象event。二者对象切记不可混为一谈。