Table insertRow() 方法

返回上一级

Table 对象的 insertRow() 方法用于在表格中的指定位置插入一个新行

语法

tableObject.insertRow( index )

参数

描述
index 指定插入新行的位置 (以 0 开始)

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 insertRow() 方法

范例

在表格的第一位置插入一个新行

<script>
function displayResult(){
    var table=document.getElementById("myTable");
    var row=table.insertRow(0);
    var cell1=row.insertCell(0);
    var cell2=row.insertCell(1);
    cell1.innerHTML="New";
    cell2.innerHTML="New";
}
</script>
<table id="myTable" border="1">
    <tr>
        <td>cell 1</td>
        <td>cell 2</td>
    </tr>
      <tr>
        <td>cell 3</td>
        <td>cell 4</td>
      </tr>
</table>
<br>
<button type="button" onclick="displayResult()">插入新行</button>

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.