请教一个js函数写法

来源:百度知道 编辑:UC知道 时间:2024/07/05 04:16:03
<table>
<tr>
<td onclick="insertTr()">a</td>
<td>b</td>
</tr>
</table>

实现js函数"insertTr",效果是在被点击的行下面插入一行,即插入一个新的tr 且其td个数为1

<table id="a"> <!--设一个ID.让JS知道要在什么地方插入.-->
<tr>
<td onclick="insertTr()">a</td>
<td>b</td>
</tr>
</table>

<script type="text/javascript">
function insertTr() {
var name = document.getElementById('a');
var row, cell, txtNode;

row = document.createElement("tr");
cell = document.createElement("td");

var newText = document.createTextNode("插入行");

cell.appendChild(newText); //在td中插入的字符
row.appendChild(cell); //在tr中插入td
name.appendChild(row); //在table中插入tr
}
</script>

我使用的是JQUERY
<table id='tab1'>
<tr>
<td onclick="insertTr()">a</td>
<td>b</td>