DOM 的一些常用方法

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)    作用：替换节点

b)    格式：父节点.replaceChild(新的节点，旧的节点);