繁體中文当前位置: 首页 > 网络学院 > 客户端脚本教程 > HTML DOM > HTML DOM insertCell() 方法
HTML DOM insertCell() 方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-03-04 浏览: 439 :: 
收藏到网摘: n/a
Definition and Usage
定义与用法
The insertCell() method is used to insert a new table cell in a table row.
insertCell()方法可用来往表格行中插入新的表格单元
Syntax 语法
tablerowObject.insertCell(index) |
Example 举例
<html>
<head>
<script type="text/javascript">
function insRow()
{
var x=document.getElementById('myTable').insertRow(0)
var y=x.insertCell(0)
var z=x.insertCell(1)
y.innerHTML="NEW CELL1"
z.innerHTML="NEW CELL2"
}
</script>
</head> <body> <table id="myTable" border="1"> <tr> <td>Row1 cell1</td> <td>Row1 cell2</td> </tr> <tr> <td>Row2 cell1</td> <td>Row2 cell2</td> </tr> <tr> <td>Row3 cell1</td> <td>Row3 cell2</td> </tr> </table> <form> <input type="button" onclick="insRow()" value="Insert row"> </form> </body> </html> |
演练
Add a new row to a table - then add content to it
往表格中加入新行 - 并往里加内容
Add a cell to a table row through the rows collection
通过行集往表格行中加表格单元
评论 (0) All
