JavaScript-dom对象常用方法

（1） document.getElementById(elementId)：返回带有指定ID的元素。

（2）document.getElementsByName(elementName)：通过节点的name值获取节点，主要用于表单标签name属性元素的查找，例如：在HTML中checkbox和radio都是通过相同的name属性值，来标识一个组内的元素。

（3）document.getElementsByTagName(tagName)：返回包含带有指定标签名称（例如div、button等）的所有元素的节点列表（集合\节点数组）。这个方法不是document节点的专有方法，还可以应用其他的节点。

（4）document.getElementsByClassName(): 返回包含带有指定类名的所有元素的节点列表。

（5）document.querySelector(): 需要一个选择器的字符串作为参数,可以根据一个css选择器来查询一个元素节点对象， 虽然IE8中没有getElementsByClassName(),但是可以使用querySelector()代替，使用该方法总会返回唯一的一个元素,如果满足返回条件的元素有多个,那么它依然只返回一个。

var div = document.querySelector(".box1 div");
 var box1 = document.querySelector(".box1");

（6）document.querySelectorAll()：该方法和querySelector()用法类似,不同的是它会将符合条件的元素封装成一个数组中返回。

var box1 = document.querySelectorAll(".box1");

（7）document.createElement(): 创建元素节点。

var city = document.getElementById("city");
var li = document.createElement("li");
li.innerHTML = "广州";
city.appendChild(li);

（8）document.createTextNode(): 创建文本节点。

（9）parentObj.getElementsByTagName(tagName)：返回已知节点的所有子节点中类型为指定值的子节点数组。

（10）parentObj.appendChild(): 把新的子节点添加到指定节点。

var city = document.getElementById("city");
var li = document.createElement("li");
li.innerHTML = "广州";
city.appendChild(li);

（11）parentObj.replaceChild(): 替换子节点。

（12）parentObj.removeChild(): 删除子节点。

var bj = document.getElementById("bj");
var city = document.getElementById("city");
bj.parentNode.removeChild(bj);   // bj 的父节点->删除子节点bj，也就是删除bj

（13）parentObj.insertBefore(): 在指定的子节点添加到指定节点。