DOM创建
|
1 2 |
var el1 = document.createElement("div"); var node = document.createTextNode("hello text"); |
DOM查询
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
var el = document.querySelector(".myClass"); var els = document.querySelectorAll(".myClass"); <em><code>IE<8 的版本不支持这两个操作API，IE8也是有限支持</code></em> var el = document.getElementById("myId"); var els = document.getElementsByClassName("btn-default"); var els = document.getElementsByTagName("td"); var parent = ele.parentElement||ele.parentNode var nodes = ele.chidren; var els = ele.getElementsByTagName("td"); var els = ele.getElementsByClassName("btn-default"); var el = ele.firstElementChild; var el = ele.lastElementChild; var el = ele.nextElementSibling; var el = ele.previousElementSibling; |
DOM更改
|
1 2 3 4 |
ele.appendChild(el); ele.removeChild(el); ele.replaceChild(el1, el2); parentElement.insertBefore(newElement, refrenceElement); |
属性操作
|
1 2 3 4 5 6 |
var attrs = el.attributes; var c = el.getAttribute("class"); el.setAttribute("clss", "myClass"); el.hasAttribute("myClass"); el.removeAttribute("myClass"); el.hasAttributes(); |