使用javascript在页面加载时加载css隐藏图像作为背景图像

Question

noob at javascript并且没有运气搜索过。是否可以使用javascript加载已经存在于html（隐藏css可见性）主体中的图像，以便在页面加载时作为div中的背景图像显示？

Answer 1

是

就像

一样

<script type="text/javascript">

      window.onload = function() {

          // get the image url from the src attribute of image
          imgurl =  document.getElementById("yourImgID").src;
          // set it as background to the div you want
          document.getElementById("yourDivID").style.background = "url("+imgurl+") no-repeat";

      }

</script>

您可以看到示例小提琴here