js正则匹配html中的img标签，然后将img标签插入到另外的div里。

var html = 'fdsafds<img src=fdsaf>fdsafdsaf<img src=fdsaf>';

var imgs = htmlmatch(/<img[^>]+>/g);

documentgetElementById('test')innerHTML = imgsjoin('');

我看很多做前端的朋友，基本上都会碰到这个问题。比如，前端页面上要动态显示从后台接口返回的一串包含DOM节点的字符串。但是呢？有时候后台返回的这段字符串里面有个<img src="" alt="" />标签，而页面上因为地址原因又显示不出来，所以有时候就会有这么个需求，需要匹配到这段字符串里面的img标签，拿到它的src属性，可能会做判断可能会直接修改。

let reg = /(\/|>

contentreplace(/<img\ssrc=[\'"](+)[\'"]\>/gi, function (match, capture) {

documentwrite(capture+"<br />")

});

var img = documentgetElementsByTagName('img')[0];

// 注意，我使用了\w 来匹配名，表示匹配[A-Za-z0-9_]之内的字符都能被匹配到

// 另外最后我使用一个表达式来限定只匹配后缀

consolelog(imgsrcmatch(/\/(\w+\(:png|jpg|gif|bmp))$/i)[1]);

以上就是关于js正则匹配html中的img标签，然后将img标签插入到另外的div里。全部的内容，包括:js正则匹配html中的img标签，然后将img标签插入到另外的div里。、js使用正则表达式将字符串里面的img标签src的值提取出来、JS正则取值问题，取所有IMG标签的src值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！