標籤：
一、擷取元素的樣式
- 非行間樣式；
- 行間樣式。
1.currentStyle:ie支援的擷取非行間樣式的方法；用法：對象.currentStyle.樣式名；例：oDiv.currentStyle.width;2.getComputedStyle:除IE6、7、8外，擷取非行間樣式的方法；用法： getComputedStyle(對象，參數).樣式名；第二個參數可以傳遞任何資料，通常會傳遞false或null;例：getComputedStyle(oDiv,null).color;二、什麼是DOMDOM是針對HTML和XML文檔的一個API（API）。DOM描繪了一個層次化的節點樹，允許開發人員添加、移除和修改頁面的某一部分。DOM樹DOM樹中的所有節點均可通過JS進行訪問，所有HTML元素（節點）均可被修改、建立或刪除。三、節點類型HTML文檔中的所有內容都是節點（node）：
- 整個文檔是一個文檔節點；
- 每個HTML元素是元素節點；
- HTML元素內的文本是文本節點（斷行符號也是文本節點）；
- 每個HTML的屬性是屬性節點getAttributeNode(‘id‘);
- 注釋是注釋節點。
nodeName屬性返回節點的名稱：
- 元素節點的nodeName是標籤名稱（大寫）；
- 屬性節點的nodeName是屬性名稱；
- 文本節點的nodeName永遠是#text;
- 文檔節點的nodeName永遠是document。
nodeValue屬性返回節點的值：
- 對於元素節點，nodeValue傳回值是undefined或null;
- 對於文本節點，nodeValue返迴文本內容；
- 對於屬性節點，nodeValue返回屬性值;
- 對於元素節點，用innerHTML設定值/擷取值。
nodeType屬性返回一個整數，這個數值代表節點的類型常用的節點類型是：元素節點 返回1；屬性節點 返回2；文本節點 返回3；注釋節點 返回8；文檔節點 返回9。 四、節點關係
- childNodes: 所有子節點；
- nextSibling: 下一個兄弟節點；
- previousSibling: 上一個兄弟節點；
- firstChild: 第一個子節點；
- lastChild: 最後一個子節點；
- children: 所有是標籤類型的子節點；
- parentNode: 父節點。
五、常見的動作節點的方法1.尋找方法：document.getElementById(‘‘);document.getElementsByTagName(‘‘); 2.複製節點：cloneNode(boolean):複製一個節點true: 深複製，複製節點及其整個子節點樹false: 淺複製，只複製節點本身注意：cloneNode()方法不會複製添加到DOM節點中的JavaScript屬性，例如事件處理常式等。3.動作節點：createElement(‘標籤名‘): 建立新元素createTextNode(‘‘): 建立文本節點建立方法：document.createElement(‘div‘);appendChild(node): 末尾插入一個節點node;insertBefore(node,targetNode): target之前插入節點node;replaceChild(newNode, oldNode): new替換節點old;removeChild(node): 移除父節點的某個子節點；getAttribute(‘name‘): 擷取節點上name屬性的值；getAttributeNode(‘type‘): 擷取節點上tape屬性；setAttribute(‘name‘,‘value‘): 設定節點上name屬性的值為value;removeAttribute(‘name‘): 刪除節點上的name屬性。
JS--DOM
