javascript實現(xiàn)控制div顏色
更新時間:2015年07月07日 10:34:25 投稿:hebedich
本文給大家分享的是使用javascript實現(xiàn)控制DIV背景色的代碼,非常的簡單實用,有需要的小伙伴可以參考下。
js控制div顏色
<html> <head> </head> <style> #div1{width:400px;height:400px;background-color:red;} </style> <script> function blue(){ div1=document.getElementById('div1'); div1.style.backgroundColor='blue'; } function pink(){ div1=document.getElementById('div1'); div1.style.backgroundColor='pink'; } function black(){ div1=document.getElementById('div1'); div1.style.backgroundColor='black'; } </script> <body> <button onclick='wr();'>生成文字</button> <button onclick='blue();'>blue</button> <button onclick='pink();'>pink</button> <button onclick='black();'>black</button> <div id='div1'> </div>
以上所述就是本文的全部內容了,希望大家能夠喜歡。
您可能感興趣的文章:
相關文章
利用 Chrome Dev Tools 進行頁面性能分析的步驟說明(前端性能優(yōu)化)
這篇文章主要介紹了利用 Chrome Dev Tools 進行頁面性能分析的步驟說明(前端性能優(yōu)化),本文給大家介紹的非常想詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-02-02Bootstrap響應式導航由768px變成992px的實現(xiàn)代碼
這篇文章主要介紹了Bootstrap響應式導航由768px變成992px,需要的朋友可以參考下2017-06-06asp.net+js 實現(xiàn)無刷新上傳解析csv文件的代碼
無刷新上傳解析csv文件的實現(xiàn)代碼,需要的朋友可以參考下。2010-05-05