javascript - 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