请教一道js题目

来源:百度知道 编辑:UC知道 时间:2024/07/02 06:54:21
有以下HTML片段:
<table>
<tr>

<td onclick="insertTr()">a</td>
<td>b</td>

</tr>
</table>

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

<table>
<tr>

<td onclick="insertTr(this)">a</td>
<td>b</td>
</tr>
</table>
<script type="text/javascript">
function insertTr(e){
var parentTable = e.parentNode.parentNode;
var newTr = document.createElement("tr");
var newTd = document.createElement("td");
newTd.colSpan = "2";
newTd.innerHTML = "123123123213123";
newTr.appendChild(newTd);
parentTable.appendChild(newTr);
}
</script>