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>
以上所述就是本文的全部內容了，希望大家能夠喜歡。
您可能感興趣的文章:
相關文章
這篇文章主要介紹了JS+CSS實現(xiàn)簡易實用的滑動門菜單效果,涉及JavaScript鼠標事件及頁面元素遍歷的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
利用 Chrome Dev Tools 進行頁面性能分析的步驟說明(前端性能優(yōu)化)
這篇文章主要介紹了利用 Chrome Dev Tools 進行頁面性能分析的步驟說明(前端性能優(yōu)化),本文給大家介紹的非常想詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-02-02
javascript中的數(shù)字與字符串相加實例分析，學習js的朋友可以參考下。2011-08-08
Bootstrap響應式導航由768px變成992px的實現(xiàn)代碼
這篇文章主要介紹了Bootstrap響應式導航由768px變成992px,需要的朋友可以參考下2017-06-06
alert彈出框出現(xiàn)亂碼的情況，想必大家都有遇到過吧，其實解決方法很簡單設置charset=utf-8在試試，看看是不是好了2013-09-09
這篇文章主要介紹了JavaScript構建自己的模板小引擎,結合實例形式分析了javascript自定義模板引擎的實現(xiàn)與使用方法,需要的朋友可以參考下2018-12-12
asp.net+js 實現(xiàn)無刷新上傳解析csv文件的代碼
無刷新上傳解析csv文件的實現(xiàn)代碼，需要的朋友可以參考下。2010-05-05
這篇文章主要為大家詳細介紹了js獲取數(shù)組中的最大值的9種方法，以及每種方法的工作原理和用法，文中的示例代碼講解詳細，需要的可以參考下2023-08-08
這篇文章主要介紹了webpack中如何加載靜態(tài)文件的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
這篇文章主要介紹了js對字符的驗證方法,實例匯總了漢字驗證、手機驗證、郵箱驗證、身份證號驗證等各種常用技巧,需要的朋友可以參考下2015-02-02