div的分别显示控制

< 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 >
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值