JavaScript DOM编程

目录

一、什么是DOM?

二、动态改变文档内容的原理

三、Element常用属性

四、常用方法

1.创建和增加节点的方法

2.删除和替换节点的方法：

3.其他方法

 五、使用JS操作表格

总结：

---

一、什么是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 : 获得父级元素