DOM学习

1·什么是 DOM？

    DOM 是 W3C（万维网联盟）的标准。

    DOM 定义了访问 HTML 和 XML 文档的标准：

        “W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”

    DOM(文档对象模型)是针对HTML和XML文档的一个API，其脱胎于DHTML。

    DOM可以将任意HTML和XML文档描绘成一个由多层节点构成的结构。

    每一个文档包含一个根节点-文档节点，每一个文档节点包含一个子节点-文档元素。

什么是 XML DOM？

XML DOM 定义了所有 XML 元素的对象和属性，以及访问它们的方法。

HTML DOM 是：

   HTML 的标准对象模型

   HTML 的标准编程接口

   W3C 标准

HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。

换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

HTML DOM 节点树

HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树：

  HTML DOM Tree 实例

2. DOM 节点

根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：

    整个文档是一个文档节点

    每个 HTML 元素是元素节点

    HTML 元素内的文本是文本节点

    每个 HTML 属性是属性节点

    注释是注释节点 

HTML 事件的例子：

当用户点击鼠标时（onmousedown、onmouseup 以及 onclick 事件onmousedown、onmouseup 以及  onclick 事件是鼠标点击的全部过程。首先当某个鼠标按钮被点击时，触发 onmousedown 事件，然后，当鼠标按钮被松开时，会触发onmouseup 事件，最后，当鼠标点击完成时，触发 onclick 事件。）

当网页已加载时（当用户进入或离开页面时，会触发 onload 和 onunload 事件。）

当图片已加载时（）

当鼠标移动到元素上时（onmouseover 和 onmouseout 事件可用于在鼠标指针移动到或离开元素时触发函数。）

当输入字段被改变时（onchange 事件常用于输入字段的验证。）

当 HTML 表单被提交时（）

 当用户触发按键时（onclick=“”）

转载自：不败的德鲁叔叔