《JavaScript DOM 編程藝術》小結

第三章 DOM：

1、D：document（文檔）、O：Object（對象）、M：model（模型）

2、四個方法

getElementById(id)、getElementsByTagName(tag)、object.getAttribute(attribute)、object.setAttribute(attribute,value)

第四章：案例研究：JavaScript美術館

1、為解決兩個問題

①當點擊某個連結時，能留在這個網頁而不是轉到另一個視窗

②當點擊某個連結時，可以同時看到那張圖片和原有的圖片清單

解決方案：

step1：增加預留位置，給唯一的ID

step2：書寫JS相應函數，更改預留位置屬性

2、新函數

element.childNodes、element.firstChild、element.lastChild、element.nodeValue

第五章：JavaScript編程原則和良好習慣

1、預留退路

2、向後相容性

3、行為層和樣式層分離

第七章：動態建立HTML內容

三種方法：

1、document.write()，缺點：HTML與JS無法分離

2、object.innerHTML=，缺點：大段插入比較方便，無法對插入內容進行返回精確處理

3、DOM方法

createElement()、createTextNode()、appendChild()、insertBefore()

第九章：CSS-DOM

1、問題：如何讓行為層和樣式層分離的更徹底？

解決方案：利用element.className，可以將類的樣式設定放在CSS檔案中

第十章：用JavaScript實現動畫效果

1、兩個函數

setTimeout()、clearTimeout()

第十一章：JavaScript網站設計實戰

css檔案，先設定顏色(color.css)，再設定布局(layout.css)，再設定字型(typography.css)