1、新建一个html文件,命名为test.html,用于讲解js如何去掉字符串中的html标签。
2、在test.html文件内,在p标签内,使用input标签创建一个字符串输入框,代码如下:
3、在test.html文件内,设置input标签的id属性值为myinput,主要用于下面通过该id获得input对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“去掉html标签”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行clearhtml()函数。
6、在js标签中,创建clearhtml()函数,在函数内,使用getElementById()方法通过id(myinput)获得标签对象,通过value属性获得输入框的字符串,再使用replace()方法,通过“/<.*?>/ig”正则表达式匹配字符串的html标签,将它设置为空,实现去掉html标签。最后,使用alert()方法输出结果。
7、在浏览器打开test.html文件,输入字符串,点击按钮,查看实现的效果。