怎样获取#content里面的div子集,然后在#result里面轮流更换显示?
用jqery怎样写,javascript怎样写?谢谢!
这问题对我们这些菜鸟来说实在太困难了。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery 数组复制,显示问题</title>
<!-- 这里用jquery怎样写?javascript怎样写 -->
</head>
<body>
<div id="content">
<div id="menu">111111111</div>
<div id="nav">2222222222</div>
<div id="tab">333333333</div>
</div>
<p></p>
<div id="result">当点击下面按钮后,这里(#result)的内容自动变成#content里面其中一个子div,再点击按钮就变成第二个子div,轮流更换。换完最后一个再从第一个开始更换</div>
<button>改变显示</button>
</body>
</html>

解决方案 »

  1.   

    jquery框架不熟
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>jquery 数组复制,显示问题</title>
    <script>
    var i = 0;
    function change(){
    var cont = document.getElementById("content");
    var divs = cont.getElementsByTagName("DIV");
    document.getElementById("result").innerText=divs[i].innerText;
    i = (i+1)%divs.length;
    }
    </script>
    </head>
    <body>
    <div id="content">
        <div id="menu">111111111</div>
        <div id="nav">2222222222</div>
        <div id="tab">333333333</div>
    </div>
    <p></p>
    <div id="result">当点击下面按钮后,这里(#result)的内容自动变成#content里面其中一个子div,再点击按钮就变成第二个子div,轮流更换。换完最后一个再从第一个开始更换</div>
    <button onclick="change()">改变显示</button>
    </body>
    </html>
      

  2.   

    测试了楼上shine的代码,单击button毫无反应,哪里出错了?
      

  3.   

    对不起,原来是浏览器不兼容,ie下shine的代码可以,但firefox下不行,有没有可以兼容firefox的方法?