javascript - 插入 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

我在最初的问题中没有提供足够的背景......

IE; 我忘了提到我试图在服务器端循环的中间执行此操作。

我用下面的代码实现了我的目标

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

非常感谢您的帮助 ！！