《JavaScript DOM 編程藝術》讀書筆記之JavaScript 圖片庫，javascriptdom

《JavaScript DOM 編程藝術》讀書筆記之JavaScript 圖片庫，javascriptdom

改變圖片的src屬性的兩種方式：

1，setAttribute方法是“第1級DOM”的組成部分，它可以設定元素節點的任意屬性。

2，element.src = source;這是在“第1級DOM”出現之前的方法，現在也有效。

“第1級DOM”的優勢是可移植性好，那些老方法只適用於Web文檔，DOM則適用於任何一種標記語言。

事件處理函數

當點擊某個連結時，我希望留在這個網頁面而不是轉到另一個視窗，代碼如下：

複製代碼 代碼如下:
<a href="http://www.example.com" onclick="showPic(this); return false ;">Click</a>

當點擊這個連結時，因為onclick事件處理函數所觸發的Javascript代碼返回的值是false，所以這個連結的預設行為沒有被觸發.

childNodes屬性

childNodes屬性可以用來擷取任何一個元素的所有子項目。由childNodes屬性返回的數組包含所有類型的節點，而不僅僅是元素節點。事實上，文檔裡幾乎每一樣東西都是一個節點，甚至連空格和分行符號都會被解釋為節點，而它們全都包含在childNodes屬性所返回的數組中。

但每個節點都有nodeType屬性。nodeType屬性總共有12種可取值，但其中僅有3種具有使用價值：元素節點的nodeType屬性值是1，屬性節點的nodeType屬性值是2，文本節點的nodeType屬性值是3.

如果想改變一個文本節點的值，那麼就用DOM提供的nodeValue屬性。

數組元素childNodes[0]有個更直觀易讀的同義字，可以把它寫成firstChild；DOM還提供了一個與之對應的lastChild屬性。

樣本：

複製代碼 代碼如下:
<p id="description">Choose an image</p>

首先建立一個變數來存放它：

複製代碼 代碼如下:
var description = document.getElementById("description");

description.nodeValue的傳回值是null。<p>元素本身的nodeValue屬性是一個空值，而如果想要得到<p>元素包含的文本的值，要用description.childNodes[0].nodeValue或者description.firstChild.nodeValue