养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js 如何替换掉指定的标签

时间:2024-10-22 09:30:55

在网页设计中经常会遇到操作HTML标签的情况,这时候需要Dom操作,对于Dom的操箧咦切诏作有两种方式,一种是原生的js操作Dom芟坳葩津,主要通过document.getElementById来实现一种是通过jquery来操作这里一起探讨下js如何替换掉指定的标签

js 如何替换掉指定的标签

工具/原料

记事本

浏览器

方法/步骤

1、第一步创建一个HTML文件,包含要替换的内容

js 如何替换掉指定的标签

2、第二步我们希望点击一个按钮实现<p>标签的替换,换成input,但是要保持input里的值不变编写script脚本

js 如何替换掉指定的标签

3、第三步script步骤说明先定义了一个按钮<inputtype="but隋茚粟胫ton"onclick="艘早祓胂changeHtml()"value="替换"/>按钮会触发changeHtml事件

js 如何替换掉指定的标签

4、第四步说明正则表达式replace(/<p>(.*?)<\/p>/g,"替换的内容")这里的意思是把要操作的元素<p>的内容替换成目标内容

js 如何替换掉指定的标签

5、第五步定义一个变量获取要替换的内容vars="<p>223<漆虱忧甘/p><p>1111111111。</p>";这里也可以用do艘早祓胂cument.getElementById("testDiv").innerHTML来获取

js 如何替换掉指定的标签

6、第六步测试:点击替换按钮

js 如何替换掉指定的标签

js 如何替换掉指定的标签

© 一点知识