如何在javascript中设置backgroundImage,我的代码不起作用,任何身体都可以帮助我吗?

时间:2015-05-20 13:38:56

标签: javascript html css

图像的url是一个字符串变量,如下所示:

var links=document.getElementsByTagName("a");
var source = links[0].getAttribute("href");
var placeholder = document.getElementById("placeHolder");
placeholder.style.background="url(source)"; //likely to go wrong here

如果有人可以帮助我,我将非常感激。

2 个答案:

答案 0 :(得分:3)

与php不同,javascript无法识别""字符串中的变量,因此您必须这样做:

placeholder.style.background="url("+source+")";

这样你就可以在字符串外部使用变量,然后使用连接(+)运算符来连接它们。

答案 1 :(得分:1)

我知道问题是关于javascript,但在制作网站时,使用大量的javascript是禁忌。 Vandervals对于如何使用javascript设置背景图像是正确的,但是这是使用CSS更简单的方法:

html {
    background-image: url("your_image.jpg");
}

此致     托马斯