从html标签组中提取img对象和video对象及相对应的url

本文展示了如何使用正则表达式从HTML标签组中提取img和video对象及其对应的URL。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

eg:

var str = "<p><img width='1601' height='897' title='1428996581656036401.jpg' style='width: 573px; height: 304px;' src='/upload/image/20150414/1428996581656036401.jpg'/></p><p>调试信息,从html标签组中提取img对象和video对象及相对应的url</p><p><img width=‘1599’ height=‘904‘ title=’1428996581893052571.jpg‘ style=’width: 387px; height: 400px;‘ src=’/upload/image/20150414/1428996581893052571.jpg‘/></p><p>这里写你的初始化内容</p><p><video class=’edui-upload-video  vjs-default-skin video-js‘ controls=’‘ preload=’none‘ width=’420‘ height=’280‘ src=’/upload/video/20150418/1429345612967058602.mp4‘ data-setup=’{}‘><source src=’/upload/video/20150418/1429345612967058602.mp4‘ type=’video/mp4‘/></video>这里写你的初始化内容</p>";

//提取img对象及url

 str.replace(/<img.*?src="(.*?)"[^>]*>/ig, function(a,b) {       
          alert(a);//a为img对象

          alert(b);//b为img对象的url值

    });

//提取video对象及url

str.replace(/<video.*>.*video>/ig, function(a,b) {
         alert(a);//a为video对象
      });
      value.ART_CONTENT.replace(/<source.*?src="(.*?)"[^>]*>/ig, function(a,b) {
       //获取视频的url
          alert(b);
      });


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值