js操纵dom

选择器

document.getElementById     //ID选择器   大小写敏感
document.getElementsByClassName     //类选择器  
document.getElementsByTagName    //标签选择器
document.getElementsByName    //name选择器，返回数组 
document.querySelector     //返回单个Node  匹配到多个结果，只返回第一个
document.querySelectorAll  //返回一个 NodeList

创建节点

1.createElement 创建元素

var ele= document.createElement("div");  
ele.id = 'haorooms';  
ele.style = 'color: red';  
ele.innerHTML = '我是新创建的节点';  
document.body.appendChild(ele);  

2. createTextNode创建文本节点

var node = document.createTextNode("我是文本节点");  
document.body.appendChild(node);  

3.cloneNode 克隆一个节点

var from = document.getElementById("test");  
var clone = from.cloneNode(true);  
clone.id = "test2";  
document.body.appendChild(clone);