js 如何替换掉指定的标签

 时间:2024-10-22 11:30:42

在网页设计中经常会遇到操作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 如何替换掉指定的标签

如何解决vs2015运行缺少ucrtbased.dll的问题 myEclipse添加服务器 MyEclipse如何运行一个Servlet程序 html如何设置表格单元格垂直居中 如何用PHP往MySQL中插入数据
热门搜索
男生动漫头像 可可动漫 鲍蕾图片 怪物猎人漫画 造型图片