js：操作html dom节点

1、创建新节点

document.createElement("li"); //创建一个元素

document.createTextNode("文本内容"); //创建一个文本节点

2、添加、移除、替换、插入

父节点.appendChild("子节点") //父节点的最后插入一个新的子节点。

父节点.insertBefore(新子节点,参考子节点); // 参考子节点前插入新子节点

父节点.removeChild(子节点); //移除

replaceChild() //替换

insertBefore() //插入

3、查找

var d1 = document.getElementById("div1"); //通过id获取

var arr1 = document.getElementsByTagName("div"); // 通过标签名获取标签数组

var arr2 = document.getElementsByClassName("div1");   //通过class名称获取

var arr3 = document.getElementsByName("div2_1"); //通过name属性获取