在网页设计中经常会遇到操作HTML标签的情况,这时候需要Dom操作,对于Dom的操箧咦切诏作有两种方式,一种是原生的js操作Dom芟坳葩津,主要通过document.getElementById来实现一种是通过jquery来操作这里一起探讨下js如何替换掉指定的标签
工具/原料
记事本
浏览器
方法/步骤
1、第一步创建一个HTML文件,包含要替换的内容
2、第二步我们希望点击一个按钮实现<p>标签的替换,换成input,但是要保持input里的值不变编写script脚本
3、第三步script步骤说明先定义了一个按钮<inputtype="but隋茚粟胫ton"onclick="艘早祓胂changeHtml()"value="替换"/>按钮会触发changeHtml事件
4、第四步说明正则表达式replace(/<p>(.*?)<\/p>/g,"替换的内容")这里的意思是把要操作的元素<p>的内容替换成目标内容
5、第五步定义一个变量获取要替换的内容vars="<p>223<漆虱忧甘/p><p>1111111111。</p>";这里也可以用do艘早祓胂cument.getElementById("testDiv").innerHTML来获取
6、第六步测试:点击替换按钮