Javascript 将背景图像更改为按钮
我正试图改变一个按钮的背景图像,但它没有像我想的那样工作!! CSS正常,如下所示:Javascript 将背景图像更改为按钮,javascript,html,css,Javascript,Html,Css,我正试图改变一个按钮的背景图像,但它没有像我想的那样工作!! CSS正常,如下所示: #ITA { float: right; margin: 5px 85px; width: 40px; height: 40px; background: #FFFFFF url("../ITA_off.png") center center no-repeat; border: 0; } 我在“HEAD”中的javascript函数是 按钮如下所示 <i
#ITA
{
float: right;
margin: 5px 85px;
width: 40px;
height: 40px;
background: #FFFFFF url("../ITA_off.png") center center no-repeat;
border: 0;
}
我在“HEAD”中的javascript函数是
按钮如下所示
<input type="button" id="ITA" onClick="cambiaBandiera()" />
怎么了
请帮忙
先发制人
Alex背景图像中的
i
应该是大写的,例如backgroundimage
,试试这个:
function cambiaBandiera() {
test=document.getElementById("ITA");
test.backgroundImage="url(ITA_on.png)";
}
您正试图更改背景图像
,但-
在javascript中是特殊字符,因此,应将其剥离,并将结束词的第一个字母大写
确保页面上有id为ITA的元素。按钮为ITA,带有第一个图像的CSS为working@Alpan:如果指定了正确的路径,请在js函数中尝试此操作:
test.backgroundImage=“url(../ITA_on.png)”代码>艾哈迈德:是的,它总是在同一条路径=localhost@Alpan67:我在谈论图像路径,就像我之前的评论一样。
test.style.backgroundImage = "url(foo.png)"
test.style.backgroundImage = "url(foo.png)"