用js修改控制无id属性的table和div的边框属性,粗细

转载自:http://heisetoufa.iteye.com/blog/397269

 

关键字: js javascript 修改 控制 id 属性 table div 边框 粗细

Js代码 复制代码
  1. var table = document.getElementsByTagName("table");  //查找页面所有table标签     
  2.            
  3. for(var i=0;i<table.length;i++)     
  4. {   
  5.     table.item(i).border = "0px"//修改table的border   
  6. }   
  7.            
  8. var div = document.getElementsByTagName("div");   //查找页面所有div标签       
  9.            
  10. for(var i=0;i<div.length;i++)     
  11. {   
  12.     div.item(i).style.border = "0px";//修改div的border   
  13. }  
var table = document.getElementsByTagName("table");  //查找页面所有table标签  
        
for(var i=0;i<table.length;i++)  
{
    table.item(i).border = "0px"; //修改table的border
}
        
var div = document.getElementsByTagName("div");   //查找页面所有div标签    
        
for(var i=0;i<div.length;i++)  
{
    div.item(i).style.border = "0px";//修改div的border
}


Js代码 复制代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
  2. <HTML>   
  3.  <HEAD>   
  4.   <TITLE> New Document </TITLE>   
  5.   <META NAME="Generator" CONTENT="EditPlus">   
  6.   <META NAME="Author" CONTENT="">   
  7.   <META NAME="Keywords" CONTENT="">   
  8.   <META NAME="Description" CONTENT="">   
  9.   
  10.   <script type="text/javascript" >   
  11.   
  12. function update(temp)   
  13. {   
  14.     if(temp == 'table')   
  15.     {   
  16.         var table = document.getElementsByTagName("table");       
  17.         for(var i=0;i<table.length;i++)     
  18.         {   
  19.             table.item(i).border = "0px";   
  20.         }   
  21.     }   
  22.        
  23.     if(temp == 'div')   
  24.     {   
  25.         var div = document.getElementsByTagName("div");       
  26.         for(var i=0;i<div.length;i++)     
  27.         {   
  28.             div.item(i).style.border = "0px";   
  29.         }   
  30.     }   
  31. }   
  32. </script>   
  33.  </HEAD>   
  34.   
  35.  <BODY>   
  36.   <div style="border-width:10px;border-style:solid;height:50%;width:50%;">   
  37. <table width = "100%" border = "3">   
  38.      <tr>      
  39.          <td >   
  40.             1111111   
  41.          </td>     
  42.      </tr>     
  43. </table>     
  44. </div>   
  45. <input type = button οnclick="update('table')" value=改掉table边框>   
  46. <input type = button οnclick="update('div')" value=改掉div边框>   
  47.  </BODY>   
  48. </HTML>  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值