<div id="box" class="cla">
<ul>
<li id="list1"></li>
<li id="list2"></li>
</ul>
</div>
获取元素
document.getElementById('box'):
document.getElementsByTagName('div'):
document.getElementsByClassName ('cla'):
document.querySelector('selector'):
document.querySelectorAll('selector'):
oLi.parentNode;
oUl.children;
oLi2.previousElementSibling;
oLi1.nextElementSibling;
创建元素
var oLi3 = document.createElement("li");
var oTxt = document.createTextNode("Hello World!");
添加元素
oLi3.appendChild(oTxt);
oUl.appendChild(oLi3);
oUl.insertBefore(oLi1, oLi0);
删除元素
oUl.removeChild(oLi3);
替换元素
oUl.replaceChild(oLi3, oLi4);
节点内容
oDiv.innerHTML;
oDiv.innerText;
属性操作
oImg.setAttribute("src", "img/1.jpg");
oImg.getAttribute("src");
oImg.getAttributeNode("src");
类名操作
oDiv.classList.add('cla');
oDiv.classList.remove('cla');
oDiv.classList.toggle('cla');
oDiv.classList.contains('cla');
元素样式
oDiv.style.width;
oDiv.style.display;