JavaScript change img src attribute without jQuery

Question

How to change the src attribute of a HTMLImageElement in JavaScript?

I need help to convert logo.attr(\'src\',\'img/rm2.png\')

Answer 1

You mean you want to use pure javascript?

This should do it:

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

So your function should look like :

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

Note: You could also use element.setAttribute. BUT, see this post for more:
When to use setAttribute vs .attribute= in JavaScript?