将JavaScript变量插入为背景图像源

Question

我有一个变量，可以通过以下方式在页面上显示:

<script>document.write(image)</script>

我可以复制结果到浏览器中，就可以显示我需要的文件。

我想做的是使用该变量来指定背景图像的src。

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

我知道对你们来说这可能很简单，但我已经花了一整天的时间，因为这个问题而焦头烂额。感谢你们的时间。

- Ian Dimmick

Answer 1

如果该元素可选择：

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

您可以使用JavaScript更改样式：

您可以使用JavaScript更改样式：

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

如果您要创建段落，可以使用以下方式：

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

- adeneo

---

你们经常说如果外行提出正确的问题，你们可能会给出正确的答案... - Ian Dimmick

Answer 2

给<p>元素添加一个id属性:

<p id="myPElement">

在DOM中操作它...

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

...或使用jQuery：

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

- Nicolás Straub

---

正如你们通常所说的，如果我们这些外行人问了正确的问题，你们可能会给出正确的答案... - Ian Dimmick

Answer 3

我在原问题中没有提供足够的背景资料...

例如：我忘记了提到我正在尝试在服务器端循环中完成此操作。

我使用以下代码实现了我想要达到的目标。

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

非常感谢您的帮助！！

- Ian Dimmick