手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js 如何替换掉指定的标签

时间:2024-10-12 02:16:29

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

js 如何替换掉指定的标签

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

js 如何替换掉指定的标签

3、第三步script步骤说明先定义了一个按钮<input type="button" onclick="艘早祓胂changeHtml()" value="替换"/>按钮会触发changeHtml事件

js 如何替换掉指定的标签

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

js 如何替换掉指定的标签

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

js 如何替换掉指定的标签

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

js 如何替换掉指定的标签
js 如何替换掉指定的标签
© 手抄报圈