function ById(owe){ return document.getElementById(owe);

functionjs

解决方案 »

  1.   

    自定义方法啊  document.getElementById写起来麻烦  所以顶一个byId来调用啊
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title> new document </title>
    <meta name="generator" content="editplus" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8;" />
    <script type="text/javascript">
    var trnum=2;
    function check(o){
    var frm=document.forms['frm1'];
    for(var i=0;i<frm.chk.length;i++){
    frm.chk[i].checked=o.checked;
    }
    }
    function ById(owe){
    return document.getElementById(owe);
    }
    function addrows(){
    var table1=ById('table1');
    newRow=table1.insertRow(table1.rows.length);
    newRow.id="tradt"; 
    newRow.style.height="25px";  td1=newRow.insertCell(0); 
     td1.id="tradtRow";
     td1.style.background="#ffffff";
     td1.align="center";
     td1.innerHTML="<input type=\"checkbox\" onclick=\"\" name=\"chk\" />";  td2=newRow.insertCell(1);
     td2.style.background="#ffffff";
     td2.id="tradtRow";
     td2.align="center";
     td2.innerHTML="test"+trnum;  td3=newRow.insertCell(2);
     td3.style.background="#ffffff";
     td3.id="tradtRow";
     td3.align="center";
     td3.innerHTML="test"+trnum;  td4=newRow.insertCell(3);
     td4.style.background="#ffffff";
     td4.id="tradtRow";
     td4.align="center";
     td4.innerHTML="test"+trnum;
     trnum++;
    }
    function delrows(){
    var table1=ById('table1');
    if(table1.rows.length>2){
    table1.deleteRow(table1.rows.length-1);
    trnum--;
    }
    } function del_tbl(){ 
    var frm=document.forms['frm1'];
    var table1 = ById('table1'); 
    var sss; 
    for(var i=0;i<frm.chk.length;i++){ 

    if(frm.chk[i].checked){ 
    sss = frm.chk[i].parentNode.parentNode.sectionRowIndex; 
     table1.deleteRow(sss); 
    if(i <=1){
    i = i-1; 
    }
    } } 
    } </script>
    </head>
    <body>
    <form name="frm1">
    <div style="width:1000px;margin:0 auto;margin-top:10px;text-align:right;">
    <input type="button" value="添加一行" onclick="addrows()" />&nbsp;<input type="button" value="删除一行" onclick="delrows()" />&nbsp;<input type="button" value="删除以选择的行" onclick="del_tbl()" />
    </div>
    <table align="center" width="1000" border="0" bgcolor="#99ff99" cellpadding="1" >
    <tr>
    <td>
    <table border="0" width="100%" align="center" cellspacing="1" bgcolor="#ff3300" id="table1" >
    <tr align="center" height="25" >
    <td width="50" bgcolor="#E6EFFF">
    <input type="checkbox" onclick="check(this)" />
    </td>
    <td width="750" bgcolor="#E6EFFF">
    姓名
    </td>
    <td width="100" bgcolor="#E6EFFF">
    性别
    </td>
    <td width="100" bgcolor="#E6EFFF">
    年龄
    </td>
    </tr>
    <tr align="center" height="25">
    <td bgcolor="#ffffff">
    <input type="checkbox" name="chk" />
    </td>
    <td bgcolor="#ffffff">
    test1
    </td>
    <td bgcolor="#ffffff">
    test1
    </td>
    <td bgcolor="#ffffff">
    test1
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table></form>
    </body>
    </html>
    这里的  function ById(owe){
    return document.getElementById(owe);
    }  起到什么作用？？？？？？？
      

  3.   

    var table1 = ById('table1'); 等价于var table1 = document.getElementById('table1'); 
    function ById(owe){
    return document.getElementById(owe);
    } 是函数定义啊
      

  4.   

    写函数方法的时候函数名又不需要提前定义的
    你这个函数是参数元素的ID号,获取他的Dom元素而已