javascript實(shí)現(xiàn)控制div顏色
更新時(shí)間:2015年07月07日 10:34:25 投稿:hebedich
本文給大家分享的是使用javascript實(shí)現(xiàn)控制DIV背景色的代碼,非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以參考下。
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>
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
您可能感興趣的文章:
- JavaScript獲取系統(tǒng)自帶的顏色選擇器功能(圖)
- 5款Javascript顏色選擇器
- JavaScript取得WEB安全顏色列表的方法
- javascript實(shí)現(xiàn)rgb顏色轉(zhuǎn)換成16進(jìn)制格式
- JavaScript實(shí)現(xiàn)自動(dòng)變換表格邊框顏色
- Javascript實(shí)現(xiàn)顏色rgb與16進(jìn)制轉(zhuǎn)換的方法
- JavaScript動(dòng)態(tài)修改背景顏色的方法
- Javascript實(shí)現(xiàn)Web顏色值轉(zhuǎn)換
- javascript實(shí)現(xiàn)十六進(jìn)制顏色值(HEX)和RGB格式相互轉(zhuǎn)換
- javascript實(shí)現(xiàn)根據(jù)3原色制作顏色選擇器的方法
相關(guān)文章
JS+CSS實(shí)現(xiàn)簡(jiǎn)易實(shí)用的滑動(dòng)門(mén)菜單效果
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)簡(jiǎn)易實(shí)用的滑動(dòng)門(mén)菜單效果,涉及JavaScript鼠標(biāo)事件及頁(yè)面元素遍歷的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09利用 Chrome Dev Tools 進(jìn)行頁(yè)面性能分析的步驟說(shuō)明(前端性能優(yōu)化)
這篇文章主要介紹了利用 Chrome Dev Tools 進(jìn)行頁(yè)面性能分析的步驟說(shuō)明(前端性能優(yōu)化),本文給大家介紹的非常想詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-02-02javascript中的數(shù)字與字符串相加實(shí)例分析
javascript中的數(shù)字與字符串相加實(shí)例分析,學(xué)習(xí)js的朋友可以參考下。2011-08-08Bootstrap響應(yīng)式導(dǎo)航由768px變成992px的實(shí)現(xiàn)代碼
這篇文章主要介紹了Bootstrap響應(yīng)式導(dǎo)航由768px變成992px,需要的朋友可以參考下2017-06-06asp.net+js 實(shí)現(xiàn)無(wú)刷新上傳解析csv文件的代碼
無(wú)刷新上傳解析csv文件的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-05-05