易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
用JS实现HTML标签替换效果
有个静态页面
<span id=ab>abcde</span><span id=ab>abcde</span><span id=ab>abcde</span><span id=ab>abcde</span> 能否通过js实现，IE浏览时的代码被替换为
<img src="img/1.gif"/><img src="img/1.gif"/><img src="img/1.gif"/><img src="img/1.gif"/>
<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="javascript"> function change（） { var image=document.getElementById（"pic"） image.innerHTML="<img src="http://www.blueidea.com/img/common/logo.gif"/>" } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <span onmouseover="change（）" id="pic">移到我这儿来</span> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
方法二：
<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="javascript"> function change（） { var dd = document.getElementById（"猪"） dd.innerHTML= "Menu1"} </script> <script> function showMenu（）{document.getElementById（"menu1"）.style.display="";document.getElementById（"menu1"）.focus（）; } function hideMenu（）{document.getElementById（"menu1"）.style.display="none"; } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <span onclick="change（）" id="猪">点击我这儿来</span>I am a Menu </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站