萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> div css通過JS技巧是啥

div css通過JS技巧是啥

 歡迎大家在這裡學習div css通過JS下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> 
  <html xmlns=""> 
  <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <title>www.devdao.com - 四種實現CSS隔行換色的方法</title> 
  <link href="index.css" rel="stylesheet" type="text/css" /> 
  <script type="text/javascript"> 
  function bgChange(){ 
  if(!document.getElementsByTagName) return false; 
  var tables = document.getElementsByTagName("table"); 
  for(var i=0; i<tables.length; i++){ 
  var odd = false; 
  trs = tables[i].getElementsByTagName("tr"); 
  for(var j=0; j<trs.length; j++){ 
  if(odd==true){ 
  trs[j].style.background = "#ccc"; 
  odd = false; 
  }else{ 
  odd = true; 
  } 
  } 
  } 
  } 
  window.onload = bgChange; 
  </script> 
  </head> 
  <body   > 
  <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
  <td>測試文字</td> 
  <td>測試文字</td> 
  <td>測試文字</td> 
  </tr> 
  <tr> 
  <td>測試文字</td> 
  <td>測試文字</td> 
  <td>測試文字</td> 
  </tr> 
  <tr> 
  <td>測試文字</td> 
  <td>測試文字</td> 
  <td>測試文字</td> 
  </tr> 
  <tr> 
  <td>測試文字</td> 
  <td>測試文字</td> 
  <td>測試文字</td> 
  </tr> 
  <tr> 
  <td>測試文字</td> 
  <td>測試文字</td> 
copyright © 萬盛學電腦網 all rights reserved