使用JS截取HTML字符串中指定内容该怎么写

 时间:2024-10-26 08:01:49

1、新建一个html文件,命名为test.html,用于讲解使用JS截取HTML字符串中指定内容该怎么写。

使用JS截取HTML字符串中指定内容该怎么写

2、在test.html文件中,在p标签内使用img创建一张图片,并且设置p标签的id为pp,用于下面使用js获取p标签内的html。

使用JS截取HTML字符串中指定内容该怎么写

3、在test.html文件中,使用button标签创建一个按钮,并且将button绑定onclick点击事件,当按钮被点击时,执行get()函数。

使用JS截取HTML字符串中指定内容该怎么写

4、在test.html文件中,在js标签内,创建get()函数,在函数内,使用getElementById()方法获得p标签对象,再通过innerHTML属性获得p标签内的html。

使用JS截取HTML字符串中指定内容该怎么写

5、在get()函数内,创建获得img标签图片地址的正则表达式,利用正则表达式,通过match方法获得html中的图片地址。

使用JS截取HTML字符串中指定内容该怎么写

6、因为通过正则表达式获得的图片地址带双引号,因此,在get()函数内,需要使用replace()方法将双引号去掉,最后使用alert()方法把图片地址显示出来。

使用JS截取HTML字符串中指定内容该怎么写

7、在浏览器中打开test.html文件,点击按钮,获得图片的地址。

使用JS截取HTML字符串中指定内容该怎么写
使用JS截取HTML字符串中指定内容该怎么写
  • 糊糊,不登大雅之堂的健康美食(陡势横桥)
  • 创品思维告诉你什么是品牌运营,如何做策划?
  • 上海穷游七日旅游攻略
  • 低温漂精密电阻的分类
  • 肥牛洋葱土豆的做法
  • 热门搜索
    预防流感手抄报 廉洁文化手抄报内容 手抄报板块设计图 手抄报怎么画 圣诞节手抄报英语 校园手抄报 手抄报主题 平安出行手抄报 廉洁教育手抄报内容 关于健康的手抄报图片