JavaScript即学即用教程[9]-DOM操作

基本API

创建

1
2
3
4
5
6
// 创建dom片段
createDocumentFragment()
// 创建具体dom元素
createElement()
// 创建文本节点
createTextNode()

增删改

1
2
3
4
5
6
7
8
// 添加
appendChild()
// 插入
insertBefore()
// 移除
removeChild()
// 替换
replaceChild()

查找

1
2
3
4
5
6
7
8
// 按标签
getElementsByTagName()
// 按class名
getElementsByName()
// 按ID
getElementById()
// 直接选择器
xxx.querySelector()