控制類名(className 屬性)
className 屬性設(shè)置或返回元素的class 屬性。
語(yǔ)法:
object.className = classname
作用:
1.獲取元素的class 屬性
2. 為網(wǎng)頁(yè)內(nèi)的某個(gè)元素指定一個(gè)css樣式來(lái)更改該元素的外觀
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>className屬性</title><style> body{ font-size:16px;} .one{border:1px solid #eee;width:230px;height:50px;background:#ccc;color:red; }.two{border:1px solid #ccc;width:230px;height:50px;background:#9CF;color:blue;}</style></head><body> <p id="p1" > JavaScript使網(wǎng)頁(yè)顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</p> <input type="button" value="添加樣式" onclick="add()"/><p id="p2" class="one">JavaScript使網(wǎng)頁(yè)顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</p> <input type="button" value="更改外觀" onclick="modify()"/><script type="text/javascript"> function add(){ var p1 = document.getElementById("p1"); p1.className="one"; } function modify(){ var p2 = document.getElementById("p2"); p2.className="two"; }</script></body></html>以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持VeVb武林網(wǎng)。
新聞熱點(diǎn)
疑難解答