Ajax實戰：使用JavaScript操作DOM

在任何應用中，我們都需要在使用者的使用過程中改變使用者介面，為使用者執行 的操作和完成的進度提供反饋。這些反饋包括修改單個元素的標籤或顏色、彈出 臨時的對話方塊、使用一組全新的UI組件替換大部分的螢幕內容等等。到目前為止 ，最常見的方式就是，通過提供給瀏覽器一段聲明式的HTML來構造DOM樹(換句話 說，也就是編寫HTML頁面)。

我們在代碼清單2-2和圖2-3中顯示的文檔有點太大和太複雜了，還是從小的 步驟開始做DOM操作吧。假設我們要向使用者顯示友好的問候。當頁面第一次載入 的時候，我們並不知道他的名字，因此想要在稍後修改頁面的結構，以添加上用 戶的名字，通過以編程方式操作DOM節點可以做這件事。代碼清單2-3展示了這個 簡單頁面初始的HTML標記。

代碼清單2-3 Ajax的“hello”頁面

我們添加了兩個到外部資源的引用：CSS和包 含JavaScript代碼的檔案。我 們還聲明了帶ID的空元素 ，以後可以通過編程方式向其中添加更多的元素。

我們來看一下連結到的資源。通過修改字型和顏色，樣式表為區分清單中不 同類別的條目定義了一些簡單的樣式(代碼清單2-4)。