词条 | 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条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。