各位大大,我现在需要用javascript给一t个table添加几行,目前table如下:
<table id="tb_PL">
<tr><td>aa</td><td>bb</td></tr>
</table>我现在要在第一行出插入行,即结果为
<table id="tb_PL">
<tr><td>1</td><td>111111</td></tr>
<tr><td>aa</td><td>bb</td></tr>
</table>请问,该怎么搞?谢谢,祝各位同仁国庆快乐,捡到横财。
<table id="tb_PL">
<tr><td>aa</td><td>bb</td></tr>
</table>我现在要在第一行出插入行,即结果为
<table id="tb_PL">
<tr><td>1</td><td>111111</td></tr>
<tr><td>aa</td><td>bb</td></tr>
</table>请问,该怎么搞?谢谢,祝各位同仁国庆快乐,捡到横财。
试一下···
<tr><td>1</td><td>111111</td></tr>
<tr><td>aa</td><td>bb</td></tr>
</table>
<script type="text/javascript">
var tb = document.getElementById("tb_PL");
var row = tb.insertRow(0);
var one = row.insertCell(0);
one.innerHTML="one";
var two = row.insertCell(1);
two.innerHTML="two";
</script>
首先在你的页面中引用
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
(引用jquery包 按实际情况而定)
//用下面的方法就可以添加新的记录行了
function addNew()
{
var table1 = $('#tb_PL');
var row = $("<tr></tr>");
var td = $("<td></td>");
td.append($("输入你要的文本") );
function AddTr() {
debugger;
$("#tb_PL").first().append("<tr><td>1</td><td>111111</td></tr>");
alert($("#tb_PL").html());
}
</script>
function addTr()
{
var firstTr = document.getElementById("tb_PL").insertRow();
var td1 = firstTr.insertCell();
var td2 = firstTr.insertCell();
td1.innerHTML = "111111";
td2.innerHTML = "1";
}
</script>