JS DOM

元素获得

原始方式	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";

添加事件

document.getElementById("myBtn").onclick=function(){myFunction ()};

document.getElementById("myBtn").addEventListener("click", myFunction); 注：addEventListener(event, function, useCapture); useCapture ：false冒泡（默认）， true捕获

element.removeEventListener("mousemove", myFunction);