当前位置: 首页 > 网络学院 > 客户端脚本教程 > HTML DOM > HTML DOM insertCell() 方法

HTML DOM
DOM TableRow 对象
DOM Textarea 对象
DOM Window 对象

HTML DOM insertCell() 方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-04   浏览: 430 ::
收藏到网摘: 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

登陆 | 还没注册?