javascript - 重命名 img 标签并使其自动关闭

Question

我想用 amp-img 标签更改 img 标签而不删除 img 标签属性及其值。

这是我的代码：

var content = '<div><img src="abcd" height="200" width="210"><img src="bcda" width="50" height="25"></div>';
        let replace1 = content.replace(/<img/g, '<amp-img'); //So far so good here
        let replace2 = replace1.replace(/>/g, '/>'); // Here I would like to append a close for amp-img only, not for all tag
        console.log(replace2)

如何仅为 amp-img 附加关闭标签？

标签： javascriptregex

Answer 1

您可以使用：<img([^>]+)>和 this<amp-img$1/>进行替换。

var content = '<div><img src="abcd" height="200" width="210"><img src="bcda" width="50" height="25"></div>';
let replace1 = content.replace(/<img([^>]+)>/g, '<amp-img$1/>'); 
console.log(replace1)