首页 > 其他分享 >js使用正则从字符串中取出img标签

js使用正则从字符串中取出img标签

时间:2024-03-26 16:23:38浏览次数:26  
标签:regex src const img text js 正则 str 标签

要使用正则表达式从字符串中提取<img>标签,您可以使用以下代码:

const str = `Some text <img src="image.jpg" alt="Image"> and more text <img src="another.png" alt="Another">`;
const regex = /<img[^>]*>/g;
const imgTags = str.match(regex);
 
console.log(imgTags);

 

这段代码会输出一个包含字符串中所有<img>标签的数组。如果您只想提取src属性的值,可以稍微修改正则表达式:

const str = `Some text <img src="image.jpg" alt="Image"> and more text <img src="another.png" alt="Another">`;
const regex = /src="([^"]*)"/g;
let src;
 
while ((src = regex.exec(str)) !== null) {
  console.log('src:', src[1]);
}

这段代码会输出每个<img>标签的src属性值。

 

标签:regex,src,const,img,text,js,正则,str,标签
From: https://www.cnblogs.com/tanweiwei/p/18096941

相关文章

  • 【附源码】Node.js毕业设计个人健康信息记录移动应用app(Express)
    本系统(程序+源码)带文档lw万字以上  文末可获取本课题的源码和程序系统程序文件列表系统的选题背景和意义选题背景:随着科技的进步和互联网的普及,移动应用已经成为人们日常生活中不可或缺的一部分。在健康管理领域,个人健康信息记录移动应用APP的开发和应用也日益受到关注......
  • 【附源码】Node.js毕业设计个人健康管理小助手(Express)
    本系统(程序+源码)带文档lw万字以上  文末可获取本课题的源码和程序系统程序文件列表系统的选题背景和意义选题背景:随着社会节奏的加快和工作压力的增大,个人健康管理成为了人们日益关注的焦点。传统的健康管理方式往往需要用户手动记录健康数据,如饮食、运动、睡眠等,然后进......
  • 【附源码】Node.js毕业设计个人财务管理系统(Express)
    本系统(程序+源码)带文档lw万字以上  文末可获取本课题的源码和程序系统程序文件列表系统的选题背景和意义选题背景:在当今社会,随着经济的快速发展和人们生活水平的提高,个人财务管理已经成为了我们生活中不可或缺的一部分。无论是日常生活的消费记录、投资理财,还是购房、购......
  • 代码随想录算法训练营第二十七天|●39. 组合总和 ● 40.组合总和II ● 131.分割回文串
    39组合总和题目链接/文章讲解:https://programmercarl.com/0039.%E7%BB%84%E5%90%88%E6%80%BB%E5%92%8C.html视频讲解:https://www.bilibili.com/video/BV1KT4y1M7HJ一开始自己写的大概和答案差不多,但是弄不明白回溯要传递的参数,但是自己一开始想到了终止条件,如果>7了就......
  • ssm基于Vue.js的在线购物系统的设计与实现论文
    毕业设计(论文)在线购物系统学院专业班级学号用户姓名指导教师完成日期年月日摘要随着科学技术的飞速发展,各行各业都在努力与现代先进技术接轨,通过科技手段提高自身的优势;对于在线购物系统当然也不能排除在外,随着网络技术的不断成熟,带动了在线购物系统,它彻......
  • 消失的留言(HTML中用JS实现)
    学习目标:提示:这里可以添加学习目标例如:一周掌握Java入门知识学习内容:掌握延时函数的使用掌握JavaScript控制css属性的方法学习:提示:这里可以添加计划学习的时间例如:框架+文字<!DOCTYPEhtml><htmllang="zH-Hans"><head><metacharset="UTF-8"><metaname=......
  • 【御控】JavaScript JSON结构转换(1):对象To对象——键值互换
    文章目录一、JSON是什么?二、JSON结构转换是什么?三、核心构件之转换映射四、案例之《JSON对象ToJSON对象》五、代码实现六、在线转换工具七、技术资料一、JSON是什么?Json(JavaScriptObjectNotation)产生于20世纪90年代初,最初由道格拉斯·克罗克福特(DouglasCrockfo......
  • js数组对象合并
    合并数组,对象合并(Array/Objectmerging)合并数组和对象合并则是指将两个数组或对象合并为一个新的数组或对象。在JavaScript中,我们可以使用不同的方法来实现这种合并,比如使用 concat 方法来合并数组,或者使用对象展开运算符(spreadoperator)来合并对象。例如,合并两个数组可以这样......
  • JS BOM
    window对象BOM是BrowserObjectMode的缩写,表示浏览器对象模型。ES是一种语言,跟具体环境没关系。DOM的作用是将文档转换为相应的对象,它跟具体环境也没有关系。而DOM则是一种将浏览器这个具体的环境对应为一种对象的模型,它提供了ES跟浏览器之间进行交互的桥梁。因为DOM没......
  • 36.html+css+js网页设计实例/“美食”主题介绍/web前端期末大作业/
    一、前言本实例以“美食”为主题设计,应用html+css+js,包括图片轮翻效果、菜单导航、三级菜单、音频、留言板等,供大家参考。【关注作者|获取更多源码(2000+个Web案例源码)|优质文章】;您的支持是我创作的动力!看到这里就【点赞收藏博文】,Web开发、课程设计、毕业设计有兴趣的联系我......