原始方式

var x = document.documentElement;

var x = document.body;

var x = document.getElementById(“aBC”)

var x = document.getElementByTagName(“p”)

选择器

document.querySelector("div p.red")

document.querySelectorAll("div p.red")

遍历DOM树

.parentNode  . children   .firstChild   .lastChild

.nextElementSibling  .priviousElementSibing

document.createElement(新)

.appendChild(新)  .insertChild(新，旧)  .replaceChild(新，旧)  .removeChild(旧)

document.createTextNode()

document.getElementById('myAnchor').innerHTML="RUNOOB";

父.removeChild(子)

元素.attributes   

使用 for(var i=0;i<elem.attributes.length;i++){

  xxx = elem.attributes[i];

}

.getAttribute(“属性”)  

.removeAttribute(“属性名”)  //删除属性及属性值。

.setAttribute(“属性名”,”属性值”)  属性不存在，创建；若存在，替换属性值。

.style.属性=新样式

document.getElementById("p2").style.color="blue";