js抓取HTML的Table 并為表格里每個格賦值

心比雪涼 2010-09-18

展開全文

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<table id="tab" >
<tr class="fontbold">
      <td height="40px" width="53" align="center"><input type="checkbox" name="allcheck"/></td>
      <td height="40px" width="149">一列</td>
      <td height="40px" width="261">二列</td>
      <td height="40px" width="244">三列</td>
      <td height="40px" width="465">四列</td>
</tr>
</table>
</BODY>
<script type="text/javascript">
    var tab1=document.getElementById("tab");

//括號里加-1為了兼容firefox IE可以不填
    var tr=tab1.insertRow(-1);
    var td1=tr.insertCell(-1);
     td1.align="center";
     var td2=tr.insertCell(-1);
     var td3=tr.insertCell(-1);
     var td4=tr.insertCell(-1);
     var td5=tr.insertCell(-1);

     td1.innerHTML="<input type=\"checkbox\" name=\"ids\" value="+1+" />"
     td2.innerHTML='a';
     td3.innerHTML='b';
     td4.innerHTML='c';

var inp1=document.createElement("input");
          inp1.type="text";
          inp1.value='d';
          inp1.style.width="100%";
          inp1.style.borderWidth="0";
          inp1.readOnly=true;
          inp1.name="t5";
          td5.appendChild(inp1);

</script>
</HTML>