1.三种常用查看方式
标签名
js的DOM操作-LMLPHP
类名
js的DOM操作-LMLPHP
元素id
js的DOM操作-LMLPHP
注:document代表整个文档,name选择器对部分标签不生效,.querySelector()非实时。

2.创建元素节点
js的DOM操作-LMLPHP

3.创建文本节点
js的DOM操作-LMLPHP
4.复制节点
js的DOM操作-LMLPHP
注:true时克隆整个节点;false只克隆该节点,不克隆子节点。

5.插入节点
(1)在末尾插入子节点
js的DOM操作-LMLPHP
(2)在已有节点之前插入子节点
js的DOM操作-LMLPHP
注:已有节点的插入操作会产生剪切效果

6.删除节点
(1)父元素调用删除,不会抹去元素,可以接收返回值
js的DOM操作-LMLPHP
(2)自身删除
js的DOM操作-LMLPHP

7.替换节点
js的DOM操作-LMLPHP
8.innerHTML
js的DOM操作-LMLPHP
方法可行,插入的是html结构,html会识别。会覆盖原结构

9.innerTEXT
老版本火狐不兼容,用textcontent
但textcontenet旧版本ie不兼容

10.html节点上的方法
(1)setAttribute
js的DOM操作-LMLPHP
(2)getAttribute
js的DOM操作-LMLPHP

10-06 18:49