一【DOM樹節點】
?DOM節點分為三大類：元素節點、文本節點、屬性節點
文本節點、屬性節點，為元素節點的兩個子節點；
?通過getElement系列方法，可以去到元素節點。
二【查看節點】
1、getElementById：通過ID獲取唯一的節點；多個同名ID，只會取第一個；
2、getElementsByName：通過Name取到一個數組，包含1到多個節點；
使用方式：通過循環，取到每一個節點。循環次數：從0開始,<數組.length
三【查看和設置屬性節點】
?1、查看屬性節點： getAttribute("屬性名");
?2、設置屬性節點： setAttribute("屬性名","屬性值");
四【JS修改樣式總結】
?1、.className : 為元素設置一個新的class名字；
?div1.className = "class1";
?2、.style : 為元素設置一個新的樣式，注意駝峰命名法；
?div1.style.backgroundColor = "red";
?3、.style.cssText : 為元素同時修改多個樣式；
?div1.style.cssText = "width:100px;height100px;";
五【查看節點】
1、tagName屬性：獲取節點的標簽名；
2、innerHTML:設置或者獲取節點內部的所有HTML代碼；
?3、innerText:設置或者獲取節點內部的所有文字；
window.onload = function(){
var div1 = document.getElementById("div1");
}
function getById(){
?取到元素節點的樣式屬性節點
var divStyle = document.getElementById("div1").style;/divStyle.backgroundColor = "blue"; 所有節點屬性，一律駝峰命名法
?取到元素節點
var div = document.getElementById("div1");
console.log(div.innerHTML); //取到div中所有內容
div.innerHTML = "<s>hh</s>"; // 重置修改div中的HTML代碼
六[獲取層次節點的常用屬性]
?1 .childNodes：(數組)獲取元素的所有子節點
?2 .firstChild：獲取元素的第一個子節點；
?3 .lastChild:獲取元素的最后一個子節點；
?4 .ownerDocument:獲取當前文檔根節點。在html文檔中，為document節點
?5 .parentNode:獲取當前節點的父節點；
?6 .previousSibling:獲取當前節點的前一個兄弟節點
?7 .nextSibling:獲取當前節點的后一個兄弟節點
?注：上述屬性，均會獲得所有的元素節點和文本節點，如果只需要元素節點，需要使用對應Element屬性，例如：firstChild--->firstElementChild
?8 .attributes:獲取當前元素節點的所有屬性節點
七【創建并新增節點】
?1、.createElement("標簽名"): 創建一個新的節點。需要配合.setAttribute()方法設置新節點的相關屬性；
2、 .appendChild(節點名): 在某元素的最后追加一個新節點
?3、 .insertBefore(新節點名,目標節點名):將新節點，插入到目標節點之前
?4、 克隆節點.cloneNode(true/false): 需要克隆誰，就用誰去調用克隆對象；
?>>>傳遞參數可以為true或false:
① true表示：克隆當前節點及所有子節點；
?② false表示：只克隆當前節點，不可隆子節點(默認)
八【刪除/替換節點】
?1、 .removeChild(需刪除節點):從父容器中，刪除指定節點；
?2、 .replaceChild(新節點,被替換節點):用新節點替換指定節點。如果新節點為頁面中已有節點，會將此節點刪除后，替換到指定節點。
