位置:首頁 > 軟件操作教程 > 編程開發(fā) > JavaScript > 問題詳情

JavaScript 設(shè)置屬性值

提問人:劉團(tuán)圓發(fā)布時間:2020-11-26

■知識點(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)題增加到文檔

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部