本文給大家分享的是使用javascript實現控制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>
以上所述就是本文的全部內容了，希望大家能夠喜歡。
新聞熱點
疑難解答
圖片精選
