js dom操作api

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

getElementsByName() 

另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用

createElement()  appendChild() createDocumentFragment() 用法

// 创建div节点
var div = document.createElement("div");
// 装载html字符串
div.innerHTML = html;
// 此时div.childNodes就是我们需要的节点了！
return div.childNodes;

var nodes = div.childNodes;
for (var i=0, length=nodes.length; i<length; i+=1) {
   // 容器container加载克隆的节点 - 克隆的作用是保证nodes的完整
   container.appendChild(nodes[i].cloneNode(true)); 
}

var nodes = div.childNodes

    , fragment = document.createDocumentFragment();

for (var i=0, length=nodes.length; i<length; i+=1) {
   // 文档片段加载克隆的节点
   fragment.appendChild(nodes[i].cloneNode(true)); 
}
container.appendChild(fragment);

具体来讲，就是使用document.createDocumentFragment()创建一个文档片段，然后，把节点一个一个append到这个片段中，回到页面上的时候，直接append这个文档片段就可以了-只有一次。
从http://www.zhangxinxu.com/wordpress/2013/05/js-dom-basic-useful-method/ 摘录的笔记

js dom操作api

原文：http://www.cnblogs.com/lanlingpeng/p/4365310.html