有個靜態頁面
<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="" } </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> <div onblur="hideMenu();" id="menu1" tabIndex=0>I am a Menu</div> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
