dom

1.文檔對象模型 DOM

　　DOM 是 W3C 的标準，DOM 定義了通路 HTML & XML 文檔的标準。在 DOM 标準裡，HTML 文檔中的所有内容都是節點：

    ★整個文檔是一個文檔節點

    ★每個 HTML 元素是元素節點

    ★HTML 元素内的文本是文本節點

    ★每個 HTML 屬性是屬性節點

    ★注釋是注釋節點

     這種結構被稱為節點樹

通過 HTML DOM，樹中的所有節點均可通過 javascript 進行通路。所有 HTML 元素均可被修改，也可以建立或删除。

2.DOM方法、屬性

2.1.找到标簽

2.1.1.找到某個标簽的方法：

　　★document.getElementById('header')  方法傳回帶有指定 ID 的元素

　　★document.getElementsByTagName('a')  擷取多個元素（清單）

　　★document.getElementsByClassName('footer')  由擷取多個元素

2.1.2.找到某個标簽的屬性：

　　★parentElement  父節點标簽元素

　　★children  子節點标簽元素

　　★firstElementChild  頭一個子标簽

　　★lastElementChild  最後一個子标簽

　　★nextElementSibling  下一個兄弟标簽

　　★previousElementSubling  上一個兄弟标簽

2.2.标簽屬性

　　修改屬性，改變标簽内容

　　★innerText

　　★innerHTML

　　執行個體

　　

　　★className 

　　★classList 

　　★classList.add('hidden')

　　★remove('hidden')

　　重新整理網頁，添加 class