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