GoogleMapPHP帮助文档|Javascript帮助文档|HTC帮助文档|CSS2.0帮助文档|XmlHttpRequest帮助文档Apache帮助文档|Prototype帮助文档|Flash帮助文档|Mysql帮助文档|SqlServer帮助文档

字体:  

javacript实现页面内容替换

cnnas 发表于: 2007-11-25 17:14 来源: 大风车文档库门户

今天一个网友题了个问题关于用javascript实现鼠标事件触发页面文字替换的,我把我的解决方法拿出来供大家参考,希望能起到抛砖引玉的作用。
问题如下

CODE:

javascript如何实现div中内容替换?
比如我要把“丑”替换成很“帅”怎么弄,注意是只替换这一个字
<html>
<head></head>
<body><div id='testdiv'>我很丑!</div></body>
</html>
问题补充: 鼠标要在上面点击一下才变
我的解决方法如下,通过本机测试:

CODE:

<html>
<head></head>
<body><div id='testdiv'>我很丑!</div></body>
</html>
<script language="JavaScript" type="text/javascript">
                //<![CDATA[
                GetObj("testdiv").attachEvent('onclick',changeWord)
                function changeWord(){
                        GetObj("testdiv").innerHTML="我很帅!";
                }
                function GetObj(objName){
                        if(document.getElementById){
                                return eval('document.getElementById("' + objName + '")');
                        }else if(document.layers){
                                return eval("document.layers['" + objName +"']");
                        }else{
                                return eval('document.all.' + objName);
                        }
                }
               
                //]]>
                </script>