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

查看:355
本文介绍了javascript - 有一段html,如何给里面的所有img标签添加class?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

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

解决方案

这样写是可以的,但是,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');
    }
})

这篇关于javascript - 有一段html,如何给里面的所有img标签添加class?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆