document.ready = function (callback) {
  // 兼容FF,Google
  if (document.addEventListener) {
    document.addEventListener('DOMContentLoaded', function () {
      document.removeEventListener('DOMContentLoaded', arguments.callee, false);
      callback();
    }, false)
  }
  // 兼容IE
  else if (document.attachEvent) {
    document.attachEvent('onreadystatechange', function () {
       if (document.readyState == "complete") {
            document.detachEvent("onreadystatechange", arguments.callee);
            callback();
        }
    })
  }
  else if (document.lastChild == document.body) {
    callback();
  }
}
window.onload = function () {
  alert('onload'); // 后執(zhí)行
};
document.ready(function () {
  alert('ready'); // 先執(zhí)行
});

document.getElementById(“id”)
document.getElementByTagName(“div”)
document.getElementsByClassName(“classname”) ie 678 不支持
document.querySelector(); // 返回第一個(gè)匹配的dom元素
document.querySelectorAll(); // 返回所有dom元素匹配的集合

if(document.querySelector){
 // do your business
}

dom.parentNode

// nextSibling 和 previousSibling 是IE的寫(xiě)法
var next = (dom.nextElementSibling) || (dom.nextSibling);
var pre = (dom.previousElementSibling) || (dom.previousSibling);

// firstChild, lastChild 是IE的寫(xiě)法
var first = father.firstElementChild || father.firstChild;
var last = father.lastElementChild || father.lastChild;

// childNodes 是w3c推薦使用， 但谷歌等瀏覽器把換行也看成一個(gè)節(jié)點(diǎn)
// 用下面的方式實(shí)現(xiàn)，比較麻煩
var demo = document.getElementById("demo");
var nodes = demo.childNodes;
for(var i=0;i<nodes.length;i++) {
 if(nodes[i].nodeType == 1) {
  nodes[i].style.display = "none";
 }
}
// children 在ie678里面包含注釋節(jié)點(diǎn)， 注意在編碼時(shí)避開(kāi)使用注釋
var demo = document.getElementById("demo");
var child = demo.children;
child[0].style.backgroundColor = "red";  // 第一個(gè)孩子
child[child.length-1].style.backgroundColor = "red";  // 最后一個(gè)孩子

var dom = document.createElement(“div”);

// appendChild 將dom追加到dom1的最后面
dom1.appendChild(dom) ;
// insertBefore 將newDom 插入到 ReferencedDom 的前面, 返回值為新插入的值, dom1 為父節(jié)點(diǎn)
dom1.insertBefore(newDom, ReferencedDom)

removeChild() eg: domA.removeChild(domB); // 刪除domA里面的孩子節(jié)點(diǎn)domB

// 深復(fù)制
demo.cloneNode(true);
// 淺復(fù)制
demo.cloneNode(false);

dom.style.cssText = "width:30px;height:10px;"

var str = "abc";
switch(str) {
 case "a"
  // ...
  break;
 case "b"
  // ...
  break;
 case "c"
  // ...
  break;
 case "abc"
  // ...
  break;
 default:
  // ...
}