一、创建节点
createElement
createTextNode
二、添加、删除、替换、克隆元素
1、appendChild
2、insertBefore
3、如果appendChild、insertBefore追加的是已经存在的子元素,实际上就会将子元素位置移动
4、删除节点removeremoveChild
remove()
removeChild
5.替换节点
replaceChild
6、克隆节点
cloneNode()
三、操作元素属性的方法
1.获取属性 元素.属性名
2.设置属性 元素.属性名 = 属性值
1、2方法只能获取和设置元素自带的属性
3.操作属性的万能方法
getAttribute()
setAttribute()
node 是你要复制的那么var cNode = node.cloneNode(true)就把这个节点克隆了,并赋值给变量cNode
想把这个节点追加到某个元素内, 我假设元素为element
那么element.appendChild(cNode)就可以了
cloneNode()或者叫cloneNode(false)克隆的节点复制真节点的样式,标签,属性。至于标签里的元素,事件没有复制,所以我们可以称它浅克隆。
cloneNode(true)完全把真节点的东西给复制了过来,我们称它为深克隆。也会克隆他的子节点