急求: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)'属性。
怎么办?大神帮帮忙!

第1个回答  推荐于2018-05-07
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';
}

本回答被提问者和网友采纳
第2个回答  2013-11-18
var obj = document.getElementById("myTable").insertRow(-1);
obj.insertCell(0).innerHTML = "1";
obj.insertCell(1).innerHTML = "2";
obj.insertCell(2).innerHTML = "3";
第3个回答  2013-11-18
第4个回答  2013-11-18

用jquery吧

给你个例子做参考

相似回答