插入javascript变量作为背景图像源

Question

我有一个变量,我可以使用以下内容在页面上显示 <script>document.write(image)</script>

我可以将结果复制到浏览器,它会显示我需要的文件.

我想要做的是获取该变量并使用它来指定我的背景图像的src

`<p style="background-image: url(**image**);">`

我知道这对你们来说可能很简单,但我已经度过了整整一天,并且在这一次失去了很多头发.谢谢你的时间....

Answer 1

如果元素是可选的:

<p id="paragraph">Some text</p>

您可以使用javascript更改样式:

document.getElementById('paragraph').style.background = 'url('+image+')';

如果您正在创建段落,则可以执行以下操作:

var p = document.createElement('p');
p.style.background = 'url('+image+')';

Answer 2

给<p>元素一个id：

<p id="myPElement">

在 dom 中操作它...

document.getElementById('myPElement').style.backgroundImage = 'url(' + image + ')';

...或使用jquery：

$('#myPElement').css('background-image', 'url(' + image + ')');