节点的属性方法

创建节点

document.createElement(新标签);

document.createElement(div);
创建了一个新的div标签

插入节点(一)

document.appendchild(标签);

document.body.appendchild(div);
把div添加到body,为body的最后一个子节点

插入节点(二)

insertBefore(新节点,老节点);

insertBefore(newdiv,div);
第一个参数 : 待插入的节点
第二个参数 : 已存在的节点,新节点插入到该节点前面

替换节点

(标签).replaceChild(新节点,老节点);

(div).replaceChild(p,span);
删除一个子节点,并用一个新节点取而代之,第一个为新节点p,代替已存在节点span

删除节点

(标签).removeChild(子标签);

(div).removeChild(p);

克隆节点

var newclone = (标签).cloneNode();

var newclone = (div).cloneNode();
浅克隆,只克隆节点本身
var newclone = (div).cloneNode();
深克隆,克隆节点及其整个子节点shu

你可能感兴趣的:(节点的属性方法)