javascript点击获取数组内随机图片并赋予元素背景图
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍使用javascript点击按钮获取数组内随机图片并赋予元素背景图

主要javascript‌：

<script>
    var imgobj = [ 
        ]
    var count = 0;
    imgChange();
    //获取button
    var changebtn = document.getElementsByClassName("changebtn")[0];
    changebtn.onclick = function () {
        imgChange();
    }
    function imgChange() {
        //定义数组对象长度
        var img_len = imgobj.length,
        a = document.getElementsByClassName("img"),
        a_len = a.length;
        for (var i = 0; i < a_len; i++, count++) {
            a[i].style.backgroundImage = "url(" + imgobj[Math.round((Math.random(count)) * (img_len - 1))].src + ")";
        }
    }  
    </script>