Question

急求：javascript如何在表格的下一行添加一行

<table id='myTable' width='1000' cellspacing='0px' class='search' align='center'>
<tr align='center' class='tableHead'><td>姓名</td><td>年龄</td><td>班级</td></tr>

<tr id="myTr" align='center' onmouseover='markThisTr(this)' onmouseout='mouseOut(this)' style='cursor:pointer'></tr>
</table>
我想实现每次查找到的数据都添加在表格的最后一行。

<script type="text/javascript">
function add(){
var obj = document.getElementById("myTable").insertRow();
obj.insertCell().innerHTML = "1";
obj.insertCell().innerHTML = "2";
obj.insertCell().innerHTML = "3";
}
<script type="text/javascript">
用上面这个script方法，每次都是加载表格的最上面那一行，根本不行。怎么改？

并且我的第一行的样式已经在css文件中设置好为tableHead，第二行之后的样式也设定好search，希望增加的行，能有上面设置好的onmouseover='markThisTr(this)' onmouseout='mouseOut(this)'属性。
怎么办？大神帮帮忙！

Answer 1

function add(){
    var tbl = document.getElementById("myTable");
    var obj = tbl.insertRow(tbl.rows.length);
    obj.insertCell().innerHTML = "1";
    obj.insertCell().innerHTML = "2";
    obj.insertCell().innerHTML = "3";
    obj.onmouseover=function(){markThisTr(obj)};
    obj.onmouseout=function(){mouseOut(obj)};
    obj.style.textAlign='center';
    obj.style.cursor='pointer';
}

Answer 2

var obj = document.getElementById("myTable").insertRow(-1);
obj.insertCell(0).innerHTML = "1";
obj.insertCell(1).innerHTML = "2";
obj.insertCell(2).innerHTML = "3";

Answer 3

Answer 4

用jquery吧

给你个例子做参考