JavaScript 設置屬性值

■知識點

使用元素的setAttributeO方法可以設置元素的屬性值。其用法如下

    setAttribute(name, value)

其中，參數(shù)name和參數(shù)value分別表示屬性名稱和屬性值。屬性名和屬性值必須以字符串的形式進行傳遞。如果元素中存在指定的屬性，它的值將被刷新：如果不存在，setAttribute()方法將為元素創(chuàng)建該屬性并賦值。

■實例設計

【示例1】下面的示例分別為頁面中的div元素設置title屬性。

<div id="red">紅盒子</div>

<div id="blue">藍盒子</div>

<script>

var red = document.getElementByld ("red");         //獲取紅盒子的引用

var blue = document.getElementByld("blue");      //獲取藍盒子的引用

red.setAttribute ("title"，"這是紅盒子");                 //為紅盒子對象設置title屬性和值

blue.setAttribute ("title"，"這是藍盒子n);               //為藍盒子對象設置title屬性和值

</script〉

【示例2】下面的示例定義了一個文本節(jié)點和元素節(jié)點，并為一級標題元素設置title屬性，最后把

它們添加到文檔結(jié)構(gòu)中。

var hello = document.createTextNode ("Hello World! ");  //創(chuàng)建一個文本節(jié)點

var hi = document.createElement ("hi");                 //創(chuàng)建一個一級標題

hi.setAttribute ("title", "你好，歡迎光臨！");            //為一級標題定義title屬性

hi.appendChild (hello);                                         //把文本節(jié)點增加到一級標題中

document.body.appendChild (hi);                          //把一級標題增加到文檔