JavaScript怎么改变div的背景颜色

最新推荐文章于 2022-08-16 16:36:49 发布

water_Popcorn

最新推荐文章于 2022-08-16 16:36:49 发布

阅读量2.4w

点赞数 8

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/water_Popcorn/article/details/77340255

版权

JavaScript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 100px;
            height: 100px;
            background: #000;
        }
    </style>
</head>
<body>
<div id="d">

</div>
<button id="c" value="变颜色" οnclick="change()">变</button>
<script>
    var b =document.getElementById('c');
    var i= document.getElementById('d');
    function change(){
        i.style.backgroundColor='pink';
    }
</script>
</body>
</html>

点击按钮出发事件

之前试了一次document.bgColor='pink';变换的是整个页面的背景颜色；i.style.backgroundColor='pink';这一个是改变div的背景颜色。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

water_Popcorn

关注关注

8
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
JavaScript怎么改变div的背景颜色

html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> div{ width: 100px; height: 100px; background: #000; } style>he
复制链接

扫一扫