javascript如何改變div背景顏色
- 醉折花枝作酒筹原創
- 2021-06-11 17:18:214878瀏覽
在javascript中，可以使用style物件屬性改變div背景顏色，語法格式為「元素物件.style.background="顏色值"」。 Style物件代表一個單獨的樣式聲明，可從套用樣式的文件或元素存取Style物件。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
想法：點擊div改變背景顏色，是透過判斷點擊的次數，達到改變背景顏色，主要運用了數的加，累加。
程式碼；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js实现点击div改变背景颜色</title>
<style>
div{
background: red;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div></div>
</body>
<script type="text/javascript">
var div=document.getElementsByTagName("div")[0];/*通过标签名div组*/
var count=0;/*计数，从0开始，每点击一下加一*/
div.onclick = function () { /*给div绑定点击函数*/
count ++;
/*判断点击的次数，来改变背景颜色*/
if(count % 3==1){
this.style.background="yellow"
}else if(count % 3==0){
this.style.background="red"
}else {
this.style.backgroundColor="#ff9000"
}
}
</script>
</html>【推薦學習：javascript高階教學】
以上是javascript如何改變div背景顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn