HTML DOM 学习

DOM——（Document Object Model）文件对象模型，是W3C的标准，定义了访问HTML和XML的标准。

它提供了一种结构化的文档表示方式，从而使你可以修改它的内容以及最终的表达方式，进而将网页和脚本货或编程语言连接了起来。

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

HTMl DOM是HMTL的标准对象模型、标准编程接口和W3C。

DOM Nodes

DOM是用来访问或操作HTML文档、XML文档中的节点元素，DOM通过创建树来表示文档，把整个页面规划成由节点层级构成的文档，从而使开发者对文档的内容和结构具有空前的控制力，用DOM可以定义对象、方法和属性，用于访问、操作和创建文档中的内容、结构样式以及以及轻松的删除、添加和替换节点等行为。

节点树中的节点彼此拥有层级关系。

我们常用父（parent）、子（child）和同胞（sibling）等术语来描述这些关系。

HTML DOM对象常用的方法和属性

  方法：1.getElementById(id) -- 获取带有指定id的节点（元素）

             2.appendChild(node) --插入新的子节点（元素）

             3.createElement(node) -- 创建新的元素节点

 属性： 1.innerHTML - 节点（元素）的文本值

             2.parentNode --节点的父节点

             3.childNodes -- 节点的子节点

             4.attributes --节点的属性节点

JavaScript是一种脚本语言，DOM是用来获得和操作HTML文档节点属性的，JavaScript通过DOM来获得和操作HTML属性的。

HTML DOM 事件