JavaScript изменяет атрибут img src без jQuery

Ответ 1

Вы имеете в виду, что вы хотите использовать чистый JavaScript?

Это должно сделать это:

var logo = document.getElementById('rm');
logo.src = "img/rm2.png";

Итак, ваша функция должна выглядеть так:

window.onresize = window.onload = function () {
    if (window.innerWidth > 1536) {
      var logo = document.getElementById('rm');
      logo.src = "img/rm2.png";
    }
};

Примечание: вы также можете использовать element.setAttribute. НО, смотрите этот пост больше:
Когда использовать setAttribute vs.attribute = в JavaScript?

Ответ 2

попробуйте это... надеюсь, что он работает

window.onresize = window.onload = function () {
    if (window.innerWidth > 1536) {
        var logo = document.getElementById('rm');
        logo.setAttribute('src','img/rm2.png');
    }
};

Ответ 3

Я думаю, что это просто logo.src = "img/rm2.png".

Ответ 4

var logo = document.getElementById('rm');
logo.setAttribute('src', 'img/rm2.png');

Ответ 5

Поскольку вы говорите, что хотите сделать это в разных местах программы, я бы создал такую ​​функцию:

function ChangeImage(image_id,path)
{
  document.images[image_id].src = path
}

Ответ 6

Итак, если вы хотите проверить, имеет ли размер изменения, а затем изменяет код проверки ниже.

window.onresize = window.onload = function () {
    if (window.innerWidth < 768) {

      var logo = document.getElementById('changeLeft');
      logo.src = "MobileImage.png";

    }else{

 var logo = document.getElementById('changeLeft');
      logo.src = "DesktopImage.png";

    }
};

Отрегулируйте параметр window.innerWidth, чтобы определить точки останова. Надеюсь, что это поможет.

Ответ 7

Используя eventListener и getAttribute в Javascript, как создать страницу, изображения которой изменяются при нажатии на изображение?