| 词条 | 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 = “ ”； } } </script> 说明：rows[]是表格所有行组成的数组，rows.length代表了表格的行数，利用循环在表格每行的开始处插入单元格，innerHTML属性为单元格设置内容。 注：如果没有合并单元格，应保证表格每行中的单元格数量相同，否则生成的表格会变形。 |
| 随便看 |
百科全书收录4421916条中文百科知识，基本涵盖了大多数领域的百科知识，是一部内容开放、自由的电子版百科全书。