JavaScript dom基础篇之点击换色

最新推荐文章于 2023-04-18 11:16:23 发布

Ysdo

最新推荐文章于 2023-04-18 11:16:23 发布

阅读量620

点赞数

文章标签： JavaScript

本文链接：https://blog.csdn.net/qq_42183409/article/details/97146993

版权

用document.getElementsByTagName('div')[0];这条语句来通过标签名获取第一个div 然后在给他设置初始样式。

d.onclick 鼠标点击时通过函数来添加状态行为。用一个count计数取余来实现颜色的交替改变

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div></div>
<div></div>
<div></div>
<script>
    var d = document.getElementsByTagName('div')[0];
    d.style.width="200px";
    d.style.height="200px";
    d.style.backgroundColor='red';
    var count=1;
    d.onclick = function () {
        if(count ++ % 2 ==1){
            this.style.backgroundColor='green';
        } else {
            this.style.backgroundColor='red';
        }

        
    }
</script>
</body>
</html>

优惠劵

Ysdo

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript dom基础篇之点击换色

用document.getElementsByTagName('div')[0];这条语句来通过标签名获取第一个div 然后在给他设置初始样式。 d.onclick 鼠标点击时通过函数来添加状态行为。用一个count计数取余来实现颜色的交替改变<!DOCTYPE html><html lang="en"><head> <m...
复制链接

扫一扫