JavaScript相关知识

如何隐藏table中的某几行呢? 
只要为你要隐藏的行设置好id就可以了。 
<table> 
<tr id=aaa>
<td>aaa</td>
</tr> 
<tr id=bbb>
<td>bbb</td>
</tr> 
<tr>
<td>ccc</td>
</tr>
</table>
<script language="javascript"> 
document.getElementById("aaa").style.display="none"; 
document.getElementById("bbb").style.display="none"; 
</script>
 
 

如何用javascript动态设置td的值？
<table> <tr> <td id="tdSee"> </td> </tr> </table> 
<hr /> 
<input id="tdStr" type="text" value="xxx" />
<input value="设置给td" type="button" οnclick="changTD()" />
<script language="javascript">
function changTD(){
document.getElementById("tdSee").innerHTML=document.getElementById("tdStr").value 
}
</script>

 
动态生成表格 
<script language="javascript">
function add_row(){
if ((document.getElementById("name").value=="")||(document.getElementById("pass").value==""))
{
   alert("值不能为空"); 
   return 0;
}
var tableobj=document.getElementById("table_1");
var rowobj=tableobj.insertRow(tableobj.rows.length);
var cell1=rowobj.insertCell(rowobj.cells.length);
var cell2=rowobj.insertCell(rowobj.cells.length); 
var cell3=rowobj.insertCell(rowobj.cells.length); 
cell1.innerHTML=document.getElementById("name").value; 
cell2.innerHTML=document.getElementById("pass").value;
cell3.innerHTML=
"<input type='button' value='删除' οnclick='delete_row("+(tableobj.rows.length-1)+");leo()'>";
document.getElementById("name").value="";
document.getElementById("pass").value="";
 }
function leo()  //当删除一行后，对各行重新建立索引！！！ ——leo
{
var tableobj=document.getElementById("table_1");
for(i=1;i<tableobj.rows.length;i++) 
 {      
tableobj.rows[i].cells[2].innerHTML=
"<input type='button' value='删除' οnclick='delete_row("+i+");leo()'>"; 
  } 
}
function delete_row(i)
{ 
var tableobj=document.getElementById("table_1"); alert("删除第"+i+"行"); 
tableobj.deleteRow(i); 
} 
</script>
<div align="center">
<input name="name" type="text">
<input name="pass" type="text"> 
<input name="add" type="button" onClick="add_row()" value="添加"> 
</div> 
<div align="center"> 
<table id="table_1" border="1">
<tr> <td>帐号</td><td>密码</td><td>操作</td> </tr> 
</table> 
</div> 
 
 

 JavaScript的Table表格对象

 
 
Table对象集合 

集合 

描述 
cells[]
获取包含表格中所有单元格的数组
rows[]
获取包含表格中所有行的数组
tBodies[]
获取包含表格中所有tbody的数组

Table对象属性 
border
设置或获取表格边框
caption
设置或获取表格标题
cellPadding
设置或获取每个单元格边框与内容的宽度
cellSpacing
设置或获取表格中单元格的间距
frame
设置或获取表格具有哪些边框
rules
设置或获取表格中的内部边框
summary
设置或获取表格的描述
tFoot
获取表格的tFoot对象
tHead
获取表格的tHead对象
width
设置或获取表格宽度

Table对象方法 
createCaption()
为表格创建一个空的标题元素
createTFoot()
为表格创建一个空的tFoot元素
createTHead()
为表格创建一个空的tHead元素
deleteCaption()
删除表格的标题元素
deleteRow()
删除指定的表格行
deleteTFoot()
删除表格的tFoot元素