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