div的分别显示控制
来源：互联网 发布：大数据时代已经到来 编辑：程序博客网 时间：2024/04/20 23:09
<html>
<body onload="test();">
<input type=button value="test1" onmouseover="testss('0');">
<input type=button value="test2" onmouseover="testss('1');">
<input type=button value="test3" onmouseover="testss('2');">
<input type=button value="testALL" onmouseover="testss('3');">
<FORM name=test>
<div id="div111">11</div>
<div id="div2">22</div>
<div id="div3">33</div>
<div id="div2">22</div>
<div id="div3">33</div>
<div id="div2">22</div>
<div id="div3">33</div>
<div id="div2">22</div>
<div id="div3">33</div>
<div id="div2">22</div>
<div id="div3">33</div>
</FORM>
<script>...
function test()...{
var bl = false;
var divs = document.all.test.getElementsByTagName("DIV");
for(var i = 0;i<divs.length;i++)
...{
if(divs[i].id.substring(0,3)!="div")continue;
if(bl==false)bl=true;
else
divs[i].style.display="none";
}
}
function testss(num)...{
document.all.div111.style.cssText='background:red';
var divs = document.all.test.getElementsByTagName("DIV");
for(var i = 0;i<divs.length;i++)
...{
if(i==num)
divs[i].style.display="inline";
else
divs[i].style.display="none";
}
}
if(confirm("我是googol"))...{
document.write("googol");
}else...{
document.write("tliu");
}
</script>
</body>
</html>
