今天介紹DOM(Document Object Model，文件物件模型)的方法，節點與節點有分層的概念，分為父子節點與兄弟節點，而最上面就是Document，W3C將HTML文件視為文件樹，可以想像一個文件，把很多元素分類，排下來，像一個樹狀圖這樣，任何東西都是節點，有文件節點(即文件的起點)、元素節點、屬性節點、文字節點。

每個節點上面都有一個節點，稱為父節點(Parent node)，相對的，也可能會有從屬自己的節點，稱為子節點(Child node) ; 如果都擁有相同的父節點，那彼此就是兄弟節點(Siblings node)。

DOM可以改變元素內容及外表，還可以設立事件監聽器，後面會介紹到。

用例子示範，假設我們要選取div標籤的文字，可以用 :

我設了一個div標籤，class名稱設為a，內容為123，底下設個變數choose ，選取標籤內文字，可以用document.querySelector( ‘.要選的class’ ).textContent ，如果是ID可以用document.querySelector( ‘#ID ‘)

打印的結果是123

其他屬性可以參照一下:
innerHTML 修改HTML
innerText 純文字
title 網頁文件的標題
bgColor 背景顏色
fgColor 前景顏色
linkColor 可連結且未連結過的顏色
vlinkColor 已被連結過的顏色
alinkColor 作用中連結的顏色
lastModified 檔案的最新更新日期
documentElement 文件的根元素
head 文件中的head元素
body 文件中的body元素