javascript - 无法在 css 背景图像样式中使用 javascript 屏幕宽度也由 javascript 设置

Question

这是我的代码:

<div id="newprofileimg_<xsl:value-of select+"position()"/></div>
<script>
   var width=screen.width;
   var d=document.getElementById("newprofileimg_<xsl:value-of select="position()"/>");

   d.style.backgroundImage="url(/services/resizeimage/<xsl:value-of select="./mediaid"/>/"+width+"/500);";
</script>

backgroundImage URL 解析正确，只是出于某种原因，JavaScript 没有影响正在改变的 div。

Answer 1

看起来你的div里面什么都没有，所以div的高度是0px；您应该将 css 添加到 div。

var div = document.getElementById("test")
    div.style.backgroundImage = "url('http://via.placeholder.com/200/200')"
    div.style.width  = "200px"
    div.style.height = "200px"

<div id="test"></div>