JS控制显示DIV显示内容

求一JS，当ID=A1的值为“中文”时，ID=B1显示 WWW.BAIDU.COM。当ID=A1的值为“英文”时，ID=B1显示 WWW.G.CN。<div id="a1">中文</div>
<div id="b1"></div>

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html>
    <head>
    <script type="text/javascript">
    onload = function(){
        document.getElementById("b1").innerHTML = document.getElementById("a1").innerHTML == "中文" ? "WWW.BAIDU.COM。" : "WWW.G.CN。";
    }
    </script>
    <head>
    <body>
    <div id="a1">中文</div>
    <div id="b1"></div>
    </body>
    </html>
      

  2.   


    <body>
    <input type="button" value="改为英文" onclick="changeLan();" />
    <div id="a1">中文</div>
    <div id="b1"></div><input type="button" value="显示" onclick="showContent();" />
    <script language="javascript">
    var _ = function(id) { return document.getElementById(id); };
    function changeLan() {
    _('a1').innerHTML = '英文';
    }
    function showContent() {
    var h = {'中文': 'WWW.BAIDU.COM', '英文': 'WWW.G.CN'};
    _('b1').innerHTML = h[_('a1').innerHTML];
    }
    </script>
    </body>
      

  3.   

    你好！您的JS可以实现当中文时候显示，内容不是中文时显示另外的内容。当我给WWW.BAIDU.COM加上链接时这个JS就不管用了。我把WWW.BAIDU.COM换成<A HREF="HTTP://WWW.BAIDU.COM">WWW.BAIDU.COM</A>时这个JS就不管用了。
      

  4.   

    楼主可以试下这个，测试通过
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
    <html>
    <head>
    <script type="text/javascript">
    window.onload = function(){
      content();
    }function content(){
      if(document.getElementById("a1").value=="英文")
       document.getElementById("b1").innerHTML="<a href='www.g.cn'>www.g.cn</a>";
      if(document.getElementById("a1").value=="中文")
       document.getElementById("b1").innerHTML="<a href='www.baidu.com'>www.baidu.com</a>";
    }
    </script>
    <head>
    <body>
    <div id="a2"><input type="text" id="a1" value="中文" onchange="content()" /></div>
    <div id="b1"></div>
    </body>
    </html>