DOM常用方法
1. write
a) 作用:将内容写在页面中
b) 格式:document.write(内容);
c) 注意:可以解析标签
2. createElement
a) 作用:创建元素节点
b) 格式:document.createElement(“标签名”);
c) 注意:返回值为创建好的节点,注意的是节点创建好后,不会立刻添加到页面,需要使用appendChild方法添加
3. appendChild
a) 作用:将节点追加到父节点的尾部
b) 格式:父节点.appendChild(“要添加的节点”);
4. createTextNode
a) 作用:创建文本节点
b) 格式:document.createTextNode(“文本”);
c) 注意:创建好后也需要使用appendChide添加,返回值为创建好的文本节点
5. insertBefore
a) 作用:将创建好的节点插入到目标节点的前面
b) 格式:父节点.insertBefore(新的节点,目标节点);
6. insertAfter方法
a) 注意:DOM中没有insertAfter方法,但是我们可以根据需求自己创建
7. removeChild
a) 作用:删除节点
b) 格式:父节点.removeChild(要删除的节点);
c) 应用:删除空白节点
8. cloneNode
a) 作用:复制节点
b) 格式:要复制的节点.cloneNode(true)
c) 注意:返回值为复制出来的新的节点,参数true可以有也可以没有,如果写true,那么会将所有子节点同时复制下来,如果不写,只复制当前节点
9. replaceChild
a) 作用:替换节点