jQuery到純JS

Question

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

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

它用於從圖像中移動屬性並響應添加類，因為用戶使用大量TinyMce，並且默認情況下會放置witdh和height。 我知道也許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");
}