javascript点击变绿色再点击变红色

最新推荐文章于 2022-12-29 22:39:21 发布

diebaiying3731

最新推荐文章于 2022-12-29 22:39:21 发布

阅读量858

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/huanghuali/p/8433621.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript点击变绿色再点击变红色</title>
</head>
<body>
    <div></div>
    <div></div>
    <div></div>
    <script type="text/javascript">
        var div = document.getElementsByTagName('div')[0];
        div.style.backgroundColor="red";
        div.style.width="50px";
        div.style.height="50px";
        var count = 0;//计数器
        div.onclick=function(){
            count ++;
            if(count % 2 == 1){
                this.style.backgroundColor='green';
            }else{
                this.style.backgroundColor='red'
            }
        }
    </script>
    
</body>
</html>