DOM操作——怎样添加移除移动复制创建和查找节点

Posted 2020-10-17

document.write只能重绘整个页面
innerhtml可以重绘页面的一部分

1）创建新节点
createDocumentFragment() //创建一个DOM片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
（2）添加、移除、替换、插入
appendChild()

var node = dcument.createElement("")
var textnode=document.createTextNode("Water");
node.appendChild(textnode);

removeChild()

var list=document.getElementById("myList");
list.removeChild(list.childNodes[0]);

replaceChild()

document.getElementById("myList").replaceChild(newnode,oldnode);

insertBefore() //在已有的子节点前插入一个新的子节点

var node=document.getElementById("myList2").lastChild;
var list=document.getElementById("myList1");
list.insertBefore(node,list.childNodes[0]);
（3）查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值(IE容错能力较强，会得到一个数组，其中包括id等于name值的)
getElementById() //通过元素Id，唯一性