javascript如何修改元素的style屬性,針對(duì)這個(gè)問(wèn)題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、小程序定制開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了章貢免費(fèi)建站歡迎大家使用!
在javascript中,可以利用setAttribute()方法來(lái)修改style屬性,該方法可以為一個(gè)已存在的指定屬性修改屬性值,語(yǔ)法“元素對(duì)象.setAttribute("style","樣式代碼");”。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
在javascript中,可以利用setAttribute()方法來(lái)修改style屬性。
setAttribute() 方法添加指定的屬性,并為其賦指定的值。如果這個(gè)指定的屬性已存在,則僅設(shè)置/更改值。
語(yǔ)法:
element.setAttribute(attributename,attributevalue)
參數(shù) | 類型 | 描述 |
---|---|---|
attributename | String | 必需。您希望添加的屬性的名稱。 |
attributevalue | String | 必需。您希望添加的屬性值。 |
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div id="box" style="background-color: black;color: white;border: 2px solid red;">一個(gè)div元素</div><br /> <button onclick="replaceMessage()"> 修改style屬性的值</a> <script type="text/javascript"> function replaceMessage() { var div = document.getElementById("box"); div.setAttribute("style","background-color: #FFC0CB;color: black;border: 3px dashed peru;"); } </script> </body> </html>
關(guān)于javascript如何修改元素的style屬性問(wèn)題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒(méi)有解開(kāi),可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。
分享文章:javascript如何修改元素的style屬性
標(biāo)題網(wǎng)址:http://www.chinadenli.net/article12/gogpgc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊(cè)、軟件開(kāi)發(fā)、、全網(wǎng)營(yíng)銷推廣、云服務(wù)器、移動(dòng)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)