Jquery zu reinem JS

Question

Ich habe ein Skript in jquery, aber ich habe ein Problem, dass auf der Seite verwende ich nicht Jquery, das ist nur Beispiel, was ich brauche, es ist viel komplexer.

$('img').each(function(){ 
     $(this).removeAttr('width'); 
     $(this).removeAttr('height'); 
     $(this).addClass('img-responsive'); 
    }); 

Es ist für Attribute von bewegten Bildern und Hinzufügen von Klasse anspricht, weil Benutzer viel TinyMce und standardmäßig verwendet es witdh und Höhe setzt. Ich weiß, vielleicht gibt es einige Plugin für TinyMCE ist, aber ich brauche einige gemeinsame Lösung

Answer 1

Dies sollte funktionieren, aber Sie können für alle Browser ändern müssen:

document.querySelectorAll('img').forEach(function (e) { 
    e.removeAttribute('width') 
    e.removeAttribute('height') 
    e.classList.add('img-responsive') 
}) 

Siehe Dokumentation zur Kompatibilität:

• Element.removeAttribute
• Element.classList
• Array.prototype.forEach

Answer 2

var images = document.querySelectorAll("img"); 
for (var i = 0; i < images.length; i++) { 
    images[i].removeAttribute("width"); 
    images[i].removeAttribute("height"); 
    images[i].classList.add("img-responsive"); 
}