rows[] 表示所有行的一个集合
cells[] 表示一行的所有列
js:
<script type="text/javascript">
function test(){
//mytable就是一个table对象
var mytable=document.getElementById("mytab");
window.alert(mytable.rows[2].cells[2].innerText);
}
function addT(){
//添加一行
var mytable=document.getElementById("mytab");
//tableRow表示一个新行,它的类型是TableRow
var tableRow=mytable.insertRow(3); //<tr></tr>
//通过tableRow添加新列 tableCell类型是 TableCell
var tableCell=tableRow.insertCell(0); //<tr><td></td></tr>
tableCell.innerHTML="3"; //<tr><td>3</td></tr>
var tableCell1=tableRow.insertCell(1);
tableCell1.innerHTML="CCC"; //<tr><td>3</td><td>CCC</td></tr>
var tableCell2=tableRow.insertCell(2);
tableCell2.innerHTML="ccc"; //<tr><td>3</td><td>ccc</td></tr>
}
function deleteT(){
//删除一个
var mytable=document.getElementById("mytab");
mytable.deleteRow(3);
}
function updateT(){
var mytable=document.getElementById("mytab");
mytable.rows[1].cells[2].innerHTML="CCC";
}
</script>
<table id="mytab" border="1px">
<tr><td>id</td><td>first_name</td><td>last_name</td></tr>
<tr><td>1</td><td>AAA</td><td>aaa</td></tr>
<tr><td>2</td><td>BBB</td><td>bbb</td></tr>
</table>
<input type="button" οnclick="test()" value="rows[2].cells[2].innerText"/><br />
<input type="button" οnclick="addT()" value=" 添 加 "/><br />
<input type="button" οnclick="deleteT()" value=" 删 除 "/><br />
<input type="button" οnclick="updateT()" value=" 修 改 "/>