当前位置：首页 → 问答吧 → js 动态创建一行问题

js 动态创建一行问题

时间：2011-09-29

来源：互联网

现在的问题是我每次创建的一行都是增加到最后面的,我想每次都增加到第一行的位置(table里有个tbody是增加到tbody上的)
tbody.insertRow(0);设置了也没用?
有人知道怎么搞吗?

作者: jianglang_a 发布时间: 2011-09-29

jquery有个prepend()方法可以在dom最前面添加子要素，纯js自己查查，应该不难的

作者: ycmjh2010 发布时间: 2011-09-29

有 insertBefore 首先得到表格的第一行 table.rows[0] 然后 table.rows[0].insertBefore(newrow);

作者: qianzai5765638 发布时间: 2011-09-29

引用 2 楼 qianzai5765638 的回复:
有 insertBefore 首先得到表格的第一行 table.rows[0] 然后 table.rows[0].insertBefore(newrow);

讲了同表格没关系啊

作者: jianglang_a 发布时间: 2011-09-29

你是想添加到 tbody 的上面 table 的下面?

你给tbody 设置个id 然后得到这个对象再insertBefore

作者: qianzai5765638 发布时间: 2011-09-29

引用 4 楼 qianzai5765638 的回复:
你是想添加到 tbody 的上面 table 的下面?

你给tbody 设置个id 然后得到这个对象再insertBefore

好的我试试

作者: jianglang_a 发布时间: 2011-09-29

现在是这样的
var divtody = document.getElementById("divtody");
var row = document.createElement("tr");
var td= document.createElement("td");
row .appendChild(td);
divtody.appendChild(row);

作者: jianglang_a 发布时间: 2011-09-29

JScript code


var theTable = document.getElementById('tableId');//获得表格对象
    var row=theTable.tBodies[0].insertRow(0);//在表格的第一个tbody中的第一个位置插入一行，并获得行对象
    var cell=row.insertCell(0);//在得到的行中插入一列
    cell.innerHTML="Success";

作者: Sencha_Android 发布时间: 2011-09-29

divtody.appendChild(row);
替换成
divtody.insertBefore(row);

作者: qianzai5765638 发布时间: 2011-09-29

引用 8 楼 qianzai5765638 的回复:
divtody.appendChild(row);
替换成
divtody.insertBefore(row);

没这个属性

作者: jianglang_a 发布时间: 2011-09-29

引用 7 楼 sencha_android 的回复:
JScript code

var theTable = document.getElementById('tableId');//获得表格对象
var row=theTable.tBodies[0].insertRow(0);//在表格的第一个tbody中的第一个位置插入一行，并获得行对象
var cell=row.insertCell(0);//在得到的行中插入一列
……

讲了不是增加到table上

作者: jianglang_a 发布时间: 2011-09-29

js 动态创建一行问题

热门阅读

热门下载