Jquery to pure JS

Question

我在jquery中有一些腳本，但我有一個問題，在頁面上我不使用Jquery，這只是我需要的例子，它要複雜得多。

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

它是從圖像中的運動屬性，並添加類響應，因爲用戶使用了很多TinyMCE的，默認情況下它是把witdh和高度。我知道，也許有一些插件TinyMCE的，但我需要一些常見的解決方案

Answer 1

這應該工作，但您可能需要修改所有的瀏覽器：

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

兼容性查看文檔：

• 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"); 
}