请输入您要查询的百科知识:

 

词条 insertCell()
释义

简介

定义和用法

insertCell() 方法用于在 HTML 表的一行的指定位置插入一个空的 <td> 元素。

语法

tablerowObject.insertCell(index)返回值

一个 TableCell 对象,表示新创建并被插入的 <td> 元素。

说明

该方法将创建一个新的 <td> 元素,把它插入行中指定的位置。新单元格将被插入当前位于 index 指定位置的表元之前。如果 index 等于行中的单元格数,则新单元格被附加在行的末尾。

请注意,该方法只能插入 <td> 数据表元。若需要给行添加头表元,必须用 Document.createElement() 方法和 Node.insertBefore() 方法(或相关的方法)创建并插入一个 <th> 元素。

抛出

若参数 index 小于 0 或大于等于行中的的表元数,该方法将抛出代码为 INDEX_SIZE_ERR 的 DOMException 异常。

实例

实例一

下面的例子在表格行中插入了一个单元格:

<html>

<head>

<script type=“text/javascript”>

function insCell()

{

var x=document.getElementById("tr2").insertCell(0);

x.innerHTML=“John”;

}

</script>

</head>

<body>

<table border=“1”>

<tr id=“tr1”>

<th>Firstname</th>

<th>Lastname</th>

</tr>

<tr id=“tr2”>

<td>Peter</td>

<td>Griffin</td>

</tr>

</table>

<br />

<input type=“button” onclick="insCell()" value=“Insert cell”>

</body>

</html>

实例二

在表格中插入一个新列。

<table id=“mytable” width=“80%” border=“1” cellpadding=“0” cellspacing=“0” bordercolor=“blue”>

<tr><td>1</td><td>2</td></tr>

<tr><td>3</td><td>4</td></tr>

</table>

<button onclick=“InsertCol()">插入列</button>

<script type=“text/javascript”>

function InsertCol()

{

var n = document.getElementById(“mytable”)。rows.length;

for( i=0; i<n; i++ )

{

x = document.getElementById(“mytable”)。rows[i].insertCell(0);

x.innerHTML = “&nbsp;”;

}

}

</script>

说明:rows[]是表格所有行组成的数组,rows.length代表了表格的行数,利用循环在表格每行的开始处插入单元格,innerHTML属性为单元格设置内容。

注:如果没有合并单元格,应保证表格每行中的单元格数量相同,否则生成的表格会变形。

随便看

 

百科全书收录4421916条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。

 

Copyright © 2004-2023 Cnenc.net All Rights Reserved
更新时间:2025/3/15 13:14:20