插入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 + ')');

Answer 3

我没有给出原始问题的足够背景......

即;我忘了提到我试图在服务器端循环中尝试这样做。

我已经完成了以下代码所做的事情

`<script type="text/javascript">document.write("<table background=\"http://..../Pages/"+image+"/bkg.jpg\" >");`

非常感谢你的帮助!!