js如何去掉字符串中的html标签

 时间:2024-10-28 15:25:46

在js中,可以使用正则表达式来去掉字符串中的html标签。下面小编举例讲解js如何去掉字符串中的html标签。

js如何去掉字符串中的html标签

工具/原料

html+js

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解js如何去掉字符串中的html标签。

js如何去掉字符串中的html标签

2、在test.html文件内,在p标签内,使用input标签创建一个字符串输入框,代码如下:

js如何去掉字符串中的html标签

3、在test.html文件内,设置input标签的id属性值为myinput,主要用于下面通过该id获得input对象。

js如何去掉字符串中的html标签

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“去掉html标签”。

js如何去掉字符串中的html标签

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被喘揲塾疖点击时,执行clearhtml()函数。

js如何去掉字符串中的html标签

6、在js标签中,创建clearhtml()函数,在函数内,使用getElementB鲻戟缒男yId()方法通过id(myinput)获得标签对象,通过valu髫潋啜缅e属性获得输入框的字符串,再使用replace()方法,通过“/<.*?>/ig”正则表达式匹配字符串的html标签,将它设置为空,实现去掉html标签。最后,使用alert()方法输出结果。

js如何去掉字符串中的html标签

7、在浏览器打开test.html文件,输入字符串,点击按钮,查看实现的效果。

js如何去掉字符串中的html标签

御龙在天创建角色流程 windows7安装Mariadb 怎么使用putty中的plink 图解系统漏洞检测及修复 英国不同城市租房的租金水平排名
热门搜索
三七花图片 r18漫画 防震减灾手抄报图片 个人简历图片 牛的简笔画图片大全