快捷導(dǎo)航

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>

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

ES6新特性之函數(shù)的擴展實例詳解
這篇文章主要介紹了ES6新特性之函數(shù)的擴展,實例形式較為詳細的分析了ES6針對函數(shù)參數(shù)、運算符及相關(guān)新特性的擴展操作與注意事項,需要的朋友可以參考下
2017-04-04
three.js中文文檔學(xué)習(xí)之創(chuàng)建場景
這篇文章主要給大家介紹了three.js中文文檔學(xué)習(xí)之創(chuàng)建場景的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2017-11-11
javascript實現(xiàn)的淘寶旅行通用日歷組件用法實例
這篇文章主要介紹了javascript實現(xiàn)的淘寶旅行通用日歷組件,以實例形式分析了該日歷組件的相關(guān)設(shè)置及使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
ES6中Set和Map用法實例詳解
這篇文章主要介紹了ES6中Set和Map用法,結(jié)合實例形式詳細分析了ES6中Set和Map的基本功能、原理、使用方法及操作注意事項,需要的朋友可以參考下
2020-03-03
一文詳解e2e測試之cypress的使用
這篇文章主要介紹了e2e測試之cypress的使用方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-04-04
laypage+SpringMVC實現(xiàn)后端分頁
這篇文章主要為大家詳細介紹了laypage+SpringMVC實現(xiàn)后端分頁，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-07-07
Vue 組件渲染詳情
這篇文章主要介紹了Vue 組件渲染詳情，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-08-08
原生js實現(xiàn)簡單的Ripple按鈕實例代碼
本篇文章主要介紹了原生js實現(xiàn)簡單的Ripple按鈕實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2017-03-03
JavaScript版DateAdd和DateDiff函數(shù)代碼
VBScript中有兩個非常好用的日期操作函數(shù)：DateAdd用來給日期添加指定時間間隔，DateDiff用來返回兩個日期的時間間隔?？上У氖荍avaScript沒有，不過我們可以寫一個函數(shù)來實現(xiàn)，一樣的，呵呵
2012-03-03
layui監(jiān)聽單元格編輯前后交互的例子
今天小編就為大家分享一篇layui監(jiān)聽單元格編輯前后交互的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09