JavaScript 設(shè)置屬性值

■知識點(diǎn)

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

    setAttribute(name, value)

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

■實(shí)例設(shè)計(jì)

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

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

<div id="blue">藍(lán)盒子</div>

<script>

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

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

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

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

</script〉

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

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

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

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

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

hi.appendChild (hello);                                         //把文本節(jié)點(diǎn)增加到一級標(biāo)題中

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