第四章

JavaScript

如何生成多行多列得表格：<script type="text/javascript">
  window.οnlοad=function(){
   //获取body标签
   var mybody=document.getElementsByTagName('body')[0];
   //创建table和tbody
   var mytable=document.createElement('table');
   //将table插入到body
   mybody.appendChild(mytable);
   var mytbody=document.createElement('tbody');
   //将tbody插入到table
   mytable.appendChild(mytbody);
   //创建所有单元格
   for(var i=1;i<5;i++){
    //创建tr
    var mytr=document.createElement('tr');
    //将tr插入到tbody
    mytbody.appendChild(mytr);
    for(var j=1;j<5;j++){
     //创建td
     var mytd=document.createElement('td');
     //创建文本
     var mytext=document.createTextNode('单元格是第'+i+'行，第'+j+'列');
     //将文本插入到td
     mytd.appendChild(mytext);
     //将td插入到tr
     mytr.appendChild(mytd);
 为一个表单加入全选以及特效光条：

   //光条
        var trs=document.getElementsByTagName('tr');
        for(var i=1;i<trs.length;i++){
          var mytr=trs[i];
          var oldcolor;
          mytr.οnmοuseοver=function(){
            oldcolor=this.style.background;
            this.style.background='#f6f1f1';
          }
         mytr.οnmοuseοut=function(){
            this.style.background=oldcolor;
          }
        }
      }

   function checkall(chk){
    var list=document.getElementsByName('xinxi');
    for(var i=0;i<list.length;i++){
     var mychk=list[i];
     mychk.checked=chk.checked;
    }
   }
  
 </script>