onclick事件改变元素的背景颜色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onclick事件</title>
    <script type="text/javascript" src="$function.js"></script>
</head>
<body>
    <button style="background:red"></button>
    <button style="background:yellow"></button>
    <button style="background:green">绿</button>
    <button style="background:blue"></button>
    <button style="background:purple"></button>

    <div id="divid" style="width:500px;height:500px;background:black">

    </div>
</body>

    <script type="text/javascript">
        var buttons = $imgs("button");
        for(var i=0;i< buttons.length;i++){
            buttons[i].onclick = function(){
                $("divid").style.background = this.style.background;
            }
        }
    </script>

</html>
阅读更多
版权声明:版权是个什么玩意儿?看得上随便转 https://blog.csdn.net/Byte_Dance/article/details/78938068
个人分类: JS
想对作者说点什么? 我来说一句
相关热词

没有更多推荐了,返回首页

关闭
关闭
关闭