DOM

DOM (Document Object Model) 是能跨語言的把 HTML、XHTML、XML 文件給物件化的API,讓我們可以用scripting languages去操作物件,例如:用JavaScript。

以下這些都是 DOM 的物件
– document
– Node
– Element
– Event
– window
– screen
– navigator
– history
– location
– console

這些物件都有各自的物件特性與物件方法:(詳細可以查找程式語言教學誌)
http://pydoing.blogspot.tw/2011/08/javascript-htmldom-overview.html

例如:

var footer = document.getElementByID("footer");

就可以在 HTML 文件使用 getElementByID 物件方法
找到 id = “footer" 的 HTML Element 把這個物件設值給變數

接著就可以對 footer 變數進行物件可以進行的操作
改變、獲取物件特性或是使用物件方法

footer.style.color =red;

就可以把 id 為 footer 的 Element 的文字顏色改成紅色

DOM 物件是由節點構成,每個 HTML 標簽都是一個節點
可以使用 Node 來走訪,用 Child、Parent 的關係來查找,
裡面的內容則可以用 NodeValue 來存取文字節點
詳細可參考這篇:(來自kkbruce)
http://blog.kkbruce.net/2012/02/javascript-w3c-dom.html#.Ukvll2QpaTY

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s