返回列表 回复 发帖
cnnas

管理员

Rank: 9Rank: 9Rank: 9
1#
打印
tT
发表于 2007-11-11 21:56 | 只看该作者

javacript实现页面内容替换

今天一个网友题了个问题关于用javascript实现鼠标事件触发页面文字替换的，我把我的解决方法拿出来供大家参考，希望能起到抛砖引玉的作用。
问题如下
  1. javascript如何实现div中内容替换？
  2. 比如我要把“丑”替换成很“帅”怎么弄，注意是只替换这一个字
  3. <html>
  4. <head></head>
  5. <body><div id='testdiv'>我很丑！</div></body>
  6. </html>
  7. 问题补充： 鼠标要在上面点击一下才变
复制代码
我的解决方法如下，通过本机测试：
  1. <html>
  2. <head></head>
  3. <body><div id='testdiv'>我很丑！</div></body>
  4. </html>
  5. <script language="JavaScript" type="text/javascript">
  6.                 //<![CDATA[
  7.                 GetObj("testdiv").attachEvent('onclick',changeWord)
  8.                 function changeWord(){
  9.                         GetObj("testdiv").innerHTML="我很帅！";
  10.                 }
  11.                 function GetObj(objName){
  12.                         if(document.getElementById){
  13.                                 return eval('document.getElementById("' + objName + '")');
  14.                         }else if(document.layers){
  15.                                 return eval("document.layers['" + objName +"']");
  16.                         }else{
  17.                                 return eval('document.all.' + objName);
  18.                         }
  19.                 }
  20.                
  21.                 //]]>
  22.                 </script>
复制代码
收藏 分享 评分
大风车多媒体互动网络
回复 引用

订阅 TOP

返回列表