Javascript HTML将图像URL变量传递给CSS

Javascript HTML将图像URL变量传递给CSS,javascript,html,css,Javascript,Html,Css,我有一个带有图像块的HTML模板。这些图像是使用背景图像通过CSS加载的。现在的问题是,我无法将这些变量从PHP代码传递到CSS中。我想到的唯一解决方案是将内联HTML样式属性与背景图像链接一起使用,或者将图像链接作为数据属性保留在HTML中,然后使用JavaScript将背景图像css放入。还有其他想法吗 如果您不介意内联样式,我建议您使用内联背景图像。就我个人而言,当我需要更新这个值时,我从来没有遇到过问题,而且如果您使用一些元素,这种方法看起来是清晰和容易的 使用此方法的另一大优势是,您可

我有一个带有图像块的HTML模板。这些图像是使用背景图像通过CSS加载的。现在的问题是,我无法将这些变量从PHP代码传递到CSS中。我想到的唯一解决方案是将内联HTML样式属性与背景图像链接一起使用,或者将图像链接作为数据属性保留在HTML中,然后使用JavaScript将背景图像css放入。还有其他想法吗


如果您不介意内联样式,我建议您使用内联
背景图像。就我个人而言,当我需要更新这个值时,我从来没有遇到过问题,而且如果您使用一些元素,这种方法看起来是清晰和容易的

使用此方法的另一大优势是,您可以使用html/php控制内容,并使用实际的css控制样式,因此这样做可能比将其传递给css更好

<img class="..." style=background-image: url("<?= $img ?>");>

您已准备好命名所有可能性。内联
CSS
data-*
JavaScript
。选择你自己。因为awnser(s)将主要基于意见。这不是一个属于SO的awnser。内联css是最好的解决方案。(对我来说)谢谢,我只是想看看还有没有别的办法。希望传递给CSS的属性有一天能起作用。