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

HTML DOM
DOM Input Checkbox
DOM Input File 对象
DOM Input Hidden对象
DOM Input Password 对象
DOM Input Radio 对象
DOM Input Reset 对象
DOM Input Submit 对象
DOM Input Text 对象
DOM Link 对象
DOM Location 对象
DOM Meta 对象
DOM Navigator 对象
DOM 对象
DOM Option 对象
DOM Screen 对象
DOM Select 对象
DOM Style 对象
DOM Table 对象
DOM TableData 对象
DOM TableHeader 对象

HTML DOM insertCell() 方法


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

登陆 | 还没注册?