js 表格插入指定行

js在table指定tr行上或下面添加tr行

function onAddTR(trIndex) 
        { 
            var tb = document.getElementById("tb1"); 
            var newTr = tb.insertRow(trIndex);//添加新行,trIndex就是要添加的位置 
            var newTd1 = newTr.insertCell(); 
            newTd1.innerHTML = "这是新行,位置:" + trIndex; 
            var newTd2 = newTr.insertCell(); 
            newTd2.innerHTML = "这是新行,位置:" + trIndex; 
        } 

 

http://www.cnblogs.com/caicaizi/p/4952551.html

转载于:https://www.cnblogs.com/jphoebe/p/7145936.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 要在HTML表格中增加一插入日期,可以使用JavaScript来实现。可以使用以下代码: ```html <table id="myTable"> <tr> <td>第一列</td> <td>第二列</td> </tr> <tr> <td>第一列</td> <td>第二列</td> </tr> <tr> <td>第一列</td> <td>第二列</td> </tr> </table> <button onclick="addRow()">增加</button> <script> function addRow() { var table = document.getElementById("myTable"); var row = table.insertRow(table.rows.length); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1.innerHTML = "新的第一列"; cell2.innerHTML = new Date(); } </script> ``` 在这个例子中,我们先定义了一个表格,并且指定了它的id为“myTable”。然后,我们定义了一个按钮,并且指定了点击按钮时调用的JavaScript函数为“addRow()”。 在“addRow()”函数中,我们首先获取了表格对象。然后,我们使用“insertRow()”方法在表格的最后一插入了一新的。接着,我们使用“insertCell()”方法在新插入了两个新的单元格。最后,我们分别为这两个单元格设置了内容,其中第二个单元格使用了“Date()”函数来获取当前日期。 ### 回答2: 在HTML表格中增加一插入日期的方法是使用JavaScript来动态生成表格,并在所需位置插入日期。 首先,在HTML文件中创建一个表格,包括表头和至少一个表格。例如: ```html <table id="myTable"> <thead> <tr> <th>列1</th> <th>列2</th> </tr> </thead> <tbody> <tr> <td>数据1</td> <td>数据2</td> </tr> </tbody> </table> ``` 然后,使用JavaScript获取表格对象,并在需要插入日期的位置使用insertRow()方法插入。例如,如果我们想在第一之后插入日期,可以使用以下代码: ```javascript var table = document.getElementById("myTable"); var dateRow = table.insertRow(1); ``` 接下来,使用insertCell()方法在日期插入单元格,并使用new Date()函数获取当前日期。将日期设置为单元格的内容。以下为代码示例: ```javascript var table = document.getElementById("myTable"); var dateRow = table.insertRow(1); var cell = dateRow.insertCell(0); var currentDate = new Date(); cell.innerHTML = currentDate.toLocaleDateString(); ``` 最后,如果需要,可以根据需要自定义日期格式,并使用toLocaleDateString()方法将日期格式化为字符串显示在单元格中。 以上就是在HTML表格中增加一插入日期的方法,通过JavaScript动态生成表格,并在需要的位置插入日期。 ### 回答3: 在HTML表格中增加一插入日期可以通过以下步骤完成: 1. 找到要插入日期的表格。可以使用table标签创建一个表格,或者在现有的表格中找到要插入的位置。 2. 在表格插入。可以使用tr标签创建一,或者在现有的中找到要插入单元格的位置。 3. 在新插入插入日期。可以使用td标签创建一个单元格,并在其中输入日期。 具体的代码实现如下: ```html <!DOCTYPE html> <html> <head> <title>HTML表格插入日期</title> </head> <body> <table> <tr> <th>姓名</th> <th>年龄</th> <th>日期</th> </tr> <tr> <td>张三</td> <td>25</td> <td>2022-01-01</td> </tr> <tr> <!-- 在此之后插入新的一 --> <td>李四</td> <td>30</td> <td>2022-01-02</td> </tr> <tr> <td>王五</td> <td>28</td> <td>2022-01-03</td> </tr> </table> </body> </html> ``` 在上述例子中,我们创建了一个包含3表格。要在第二之后插入一个新,我们使用了tr标签,并在其中插入了姓名、年龄和日期的单元格。在此例中,我们将日期设置为固定的值,你可以根据需要自更改日期内容。 希望能帮到你!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值