有一段html,如何给里面的所有img标签添加class?

1.有一段html代码,已经获得出来,是string状态的
2.想给里面的所有img标签添加class属性,有好的建议吗?

阅读 10.3k
3 个回答

这样写是可以的,但是,img标签如果有class属性,class必须是用双引号的
即<img class=''>这样的情况是匹配不到的,如果要匹配,自己修改把

var HTML代码 = '';
var 添加的类名 = '类名';
HTML代码.replace(/<img.*?>/, function(item){
    if(item.includes('class=')){
        return item.replace(/class="(.*?)(?=\")/, 'class="$1 '+添加的类名);
    }else{
        return item.replace(/\<img (.*?)(?=\")/, '<img class="'+添加的类名+'" $1');
    }
})

用正则匹配img标签,并在标签结束前加上你想要加的字符

通过字符串查找"<img" 然后把它替换成"<img class='*'"

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题