0

Есть ссылка:

<a href=# onClick="myFunc ()">ссылка</a>

Есть DIV:

<div id="MyElement" name="MyElement" style="background: url(content/!new/avto/1.jpg); width: 100px; height: 100px; background-size: cover;"></div>

Есть код javascript:

<script type="text/javascript">
function myFunc () {
    document.getElementById("MyElement").style.backgroundImage = "img/666.png";
}
</script>

Нужно, чтобы при нажатии на ссылку, фон дива менялся на нужный мне.

3 ответа 3

1

Вот, такой вариант должен сработать.
CSS:

#div{
      width: 300px;
      height: 300px;
      background-image: url("ford.jpg");
      background-repeat: no-repeat;
   }

HTML:

<div id="div" onclick="change(this);"></div>

JS:

function change(arg){
    arg.style.backgroundImage = "url('img.jpg')";
}
0

Если в css прописать правило backgroundImage:img/666.png;, оно не сработает. Аналогично не работает и в js: надо писать document.getElementById("MyElement").style.backgroundImage = "url(img/666.png)";

0
<script>
    window.onload = function() {
        document.getElementById('link').onclick = function () {
            document.getElementById('myElement').style.backgroundColor = 'red';
            return false;
        }
    }
</script>

<a href="#" id="link">Link</a>
<div id="myElement" style="width: 100px; height: 100px;"></div>

Соответственно, backgroundColor можно заменить на backgroundImage и вставить нужный вам фон.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.