DOM是Document Object Model(文档对象模型)的简称,是W3C(万维网联盟)推荐的处理可扩展标记语言的标准编程接口,它是一种与平台和语言无关的应用程序接口(API)。
1. HTML DOM框架
HTML DOM定义了访问和操作HTML文档的标准方法。它把HTML文档表现为带有元素属性和文本的树结构(节点树),如下图所示:
2. document对象
HTML DOM document对象代表整个HTML文档,用来访问页面中的所有元素。
document对象的集合document对象的属性document对象的方法
3. DOM对象的属性
innerHTML属性:是常用的DOM属性,用于获取或设置HTML元素的3容。firstChild属性:可返回DOM对象的首个子节点。nodeName属性:可依据节点的类型返回其名称,例如p元素返回p。nodeValue属性:返回一个字符串,表示文本项节点的值。如果是其他类型的节点,则返回null。nodeType属性:返回节点的类型,1表示此节点是标记(tag);2表示属性(attribute);3表示文本项。LastChild属性:返回一个对象,表示DOM对象的最后一个子节点。NextSibling属性:返回一个对象(Object),表示DOM对象的下一个相邻的兄弟节点。parentNode属性:返回一个对象(Object),表示当前节点的父节点。specified属性:返回一个布尔型变量(Boolean),表示是否设置了属性值(attribute)。data属性:返回一个字符串,表示文本项节点的值。如果是其他类型的节点,则返回undefined。attributes 属性:表示节点的属性集合,通过id来访问,比如attributes.id。childNodes属性:表示节点的孩子节点集合,通过数组索引方式访问,比如childNodes[2]
4. DOM对象的方法
利用DOM对象的方法可以获取或设置DOM节点(HTML)的值。
appendChild()方法removeChild()方法replaceChild()方法insertBefore()方法getAttribute()方法setAttribute()方法