Изменение фонового изображения на кнопку

Question

Я пытаюсь изменить фоновое изображение кнопки, но она не работает, как я думал !! CSS в порядке и выглядит следующим образом:

#ITA
{
    float: right;
    margin: 5px 85px;
    width: 40px;
    height: 40px;
    background: #FFFFFF url("../ITA_off.png") center center no-repeat;
    border: 0;
}

моя функция javascript в "HEAD" равна

function cambiaBandiera() {
    test=document.getElementById("ITA");
    test.backgroundimage="ITA_on.png";
}

и кнопка выглядит следующим образом

<input type="button" id="ITA" onClick="cambiaBandiera()" />

Что не так?

Пожалуйста, ПОМОГИТЕ!

Спасибо заранее

Alex

Answer 1

test.style.backgroundImage = "url(foo.png)"

Answer 2

i в backgroundimage должно быть прописным, например backgroundImage, попробуйте это:

function cambiaBandiera() {
 test=document.getElementById("ITA");
 test.backgroundImage="url(ITA_on.png)";
}

Вы пытаетесь изменить background-image, но - является специальным символом в javascript, по этой причине он должен быть удален и первая буква конечного слова должна быть заглавной.

Убедитесь, что на вашей странице есть элемент с идентификатором ITA.