怎样获取#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>
用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>
<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>