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

Insert javascript variable as background image source

本文关键字:背景 图像 javascript 变量 插入      更新时间:2023-09-26

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

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

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

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

我知道这对你们来说可能很简单,但是我已经花了一整天的时间,并且为此失去了很多头发。谢谢你的时间...

如果元素是可选的:

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

您可以使用javascript更改样式:

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

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

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

<p>元素一个 id:

<p id="myPElement">

在 dom 中操纵它...

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

。或者使用 jquery:

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

我在最初的问题中没有给出足够的背景......

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

实现了我打算用以下代码做的事情

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

非常感谢您的帮助!