目录
一、什么是DOM?
文档对象模型(Document Object Model)
通过DOM可以动态改变文档内容
二、动态改变文档内容的原理
- 解析文档(如HTML)并生成DOM树
- 通过DOM标准接口+编程语言改变文档内容
解析文档生成DOM树的过程
注:
document也是一个Element对象,它处于DOM树的最上级
Element对象 :HTML标签对象,也是一个节点Node对象
Node : 节点对象
三、Element常用属性
Element.children : 获得该元素中的所有子元素标签
Element.childElementCount : 获得该元素中的子元素的个数
Element.firstElementChild : 获得第一个子元素
Element.lastElementChild : 获得最后一个子元素
Element.nextElementSibling : 获得下一个相邻元素
Element.previousElementSibling : 获得上一个相邻元素
Element.parentElement : 获得父级元素