需要正则表达式javascript得到所有的图像

Need Regular expression javascript to get all images

本文关键字：图像 正则表达式 javascript      更新时间：2023-09-26

我有一个包含html的字符串。html中有几个img标签。我想找到所有 img标签，并有一些集合，以便我可以用我的代码替换它们。

有人知道吗?

我希望它在Javascript

var html_str = '...some images and other markup...';
var temp = document.createElement( 'div' );
temp.innerHTML = html_str;
var images = temp.getElementsByTagName( 'img' );

…然后循环遍历图像…

for( var i = 0; i < images.length; i++ ) {
    images[ i ].className = "my_class";
}

您实际需要做的可能会改变循环的运行方式，但上面只是添加了一个类，因此它只是一个普通的for循环。

注意，此时处理的是DOM元素，而不是标记。这些元素可以直接添加到DOM。

如果你使用jQuery，你可以这样做:

var html = '<div><img src="bla" /></div>';
$(html).find('img');

如果你想替换所有的图片，你可以这样做:

var html = '<div><img src="bla" /></div>';
$(html).find('img').replaceWith('<div>Image was here</div>');

这是获取所有图像标签的正则表达式模式:

var pattern = /'<img .+?'/'>/ig;

UPDATE:示例在这里http://jsbin.com/oxafab/edit#source

相关文章：