js 怎么在 <tr>...</tr> 后动态添加 <tr>...</tr>

我想做的是在点击一个<tr></tr>后,它的后面添加一个<tr>something</tr>... 我想做的是 在 点击一个 <tr></tr> 后, 它的后面 添加一个 <tr> something</tr> 展开
 我来答
匿名用户
推荐于2016-05-05
展开全部
 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;
        }

请参考采纳,谢谢!

追问
这样理论上可以,但好像不灵活, 能用jquery 实现下么?
追答

Jquery实现,比用js简单多了:

  <table style="width: 100%;" id="tb1">
        <tr onclick="onAddTR(this)">
            <td>1</td>
            <td>2</td>
        </tr>
        <tr onclick="onAddTR(this)">
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
    <script type="text/javascript">
        function onAddTR(trObj)
        {
            $(trObj).after("<tr onclick='onAddTR(this)'><td>这是新行</td><td></td><tr/>");
        }
    </script>
hawkeyes0
2013-09-28 · TA获得超过600个赞
知道小有建树答主
回答量:484
采纳率:0%
帮助的人:141万
展开全部
var table = document.getElementById("tableId");
table.innerHTML = table.innerHTML + "<tr>......</tr>";
追问
您的做法相当于 在 前面追加,  如果是在 指定的 某个   后加呢?
追答
table.rows // table 中所有行的集合
table.tBodies // table 中 tbody 中的所有行的集合

利用这两个集合也可以做一些事情


另外 document.createElement("tr") 方法可以创建个空行出来,参数就是 tag 名

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式