DOM: document object model 文档对象模型
操作页面:将页面变成对象,将标签的功能封装到对象中,直接调用功能即可。
DOM就是将标记型文档对象化,将标记型文档封装成对象并将文档中的标签以及属性文本等所有内容都封装成对象。
对象中封装了属性和行为,这样就可以对这些文档中的对象进行操作。
DOM解析器本身浏览器中就内置。
解析方式:
将标记型文档都加载进内存,按照层次关系,形成DOM树。树中的内容都是节点。
形成动态效果,即是通过操作节点完成的。
DHTML:动态的html。它是多项技术综合体的简称。
包含的技术有:
1,HTML: 提供了标签对数据进行了封装。负责定义页面的结构。
2,CSS: 提供了丰富的样式。负责页面的样式展现。
3,DOM:提供了对html标记型文档的对象解析。负责将页面和标签都封装成对象。
4,javascript:提供了程序设计语言。负责的是页面的行为。
操作页面就是操作页面中的节点,所以获取被操作的节点是第一步。
如何获取节点呢?可以通过标记型文档对象来完成。该对象是document
1,获取节点
getElementById():通过标签中的id属性来获取该标签节点对象。返回的是一个节点对象
getElementsByName(); 通过标签的name属性来获取该标签节点对象,返回的是一个几点对象数组。因为name有可能相同
getElementsByTagName(); 通过标签的名称来获取标签节点,返回的是一个节点对象数组。因为标签会重复。
节点间的层次关系:
父节点:parentNode
子节点:childNodes
兄弟节点:
上一个兄弟节点:previousSibling
下一个兄弟节点:nextSibling