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

JavaScript 設置屬性值

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

■知識點

使用元素的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屬性,最后把

它們添加到文檔結構中。

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);                          //把一級標題增加到文檔

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

相關視頻回答
回復(0)
返回頂部