我想在一个表格里面特定的tr后面增加一行,用javascript应该如何做
展开全部
给你个简单的示例吧
<body>
<table id="tab">
<tr><td>0</td></tr>
<tr id="x"><td>1 在此行下插入新行</td></tr>
<tr><td>2</td></tr>
</table><br>
<input type="button" onclick="javascript:instTR()" value="插入行">
<script type="text/javascript">
function instTR(){
var tab=document.getElementById('tab');
var n=document.getElementById('x').rowIndex+1;
var tr=tab.insertRow(n);
var td=tr.insertCell(0);
td.innerHTML='new '+Math.random();
}
</script>
</body>
<body>
<table id="tab">
<tr><td>0</td></tr>
<tr id="x"><td>1 在此行下插入新行</td></tr>
<tr><td>2</td></tr>
</table><br>
<input type="button" onclick="javascript:instTR()" value="插入行">
<script type="text/javascript">
function instTR(){
var tab=document.getElementById('tab');
var n=document.getElementById('x').rowIndex+1;
var tr=tab.insertRow(n);
var td=tr.insertCell(0);
td.innerHTML='new '+Math.random();
}
</script>
</body>
展开全部
jQuery("特定的tr id").append("tr的内容")
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用JQuery吧
<table id="tid">
<tr>
<td>test</td>
</tr>
</table>
js: var trHtml = "<tr><td>test1</td></tr>";
$("#tbOption").append(trHtml );
<table id="tid">
<tr>
<td>test</td>
</tr>
</table>
js: var trHtml = "<tr><td>test1</td></tr>";
$("#tbOption").append(trHtml );
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询