Question

js中怎样设置动态tr的属性？

Answer 1

两个insert方法返回的就是被插入的对象,直接操作这两个对象就行了。

1. var tr = table.insertRow();var td = tr.insertCell();tr.setAttribute('align','center');  '不用setAttribute而直接使用属性也可以.tr.setAttribute('bgcolor','#FF0000')
   td.width=100;   直接对属性赋值的作法。

2. 要在tr元素的父元素中才能增加行，不能在tr本身去增加行。而tbody就是tr的父元素。如果是增加td，就要用tr，因为tr是td的父元素。

3. <script> // Last updated 2006-02-21 function addRowToTable() { var tbl = document.getElementById('tblSample'); var lastRow = tbl.rows.length。

4. // if there's no header row in the table, then iteration = lastRow + 1
   var iteration = lastRow;。

5. var row = tbl.insertRow(lastRow); // left cell var cellLeft = row.insertCell(0); var textNode = document.createTextNode(iteration); cellLeft.appendChild(textNode);
   // right cell var cellRight = row.insertCell。
   

6. var el = document.createElement('input'); el.type = 'text'; el.name = 'txtRow' + iteration; el.id = 'txtRow' + iteration; el.size = 40。

7. el.onkeypress = keyPressTest; cellRight.appendChild(el)。
   
   

Answer 2

两个insert方法返回的就是被插入的对象,直接操作这两个对象就行了,比如:
var tr = table.insertRow();
var td = tr.insertCell();
tr.setAttribute('align','center'); '不用setAttribute而直接使用属性也可以.
tr.setAttribute('bgcolor','#FF0000')
td.width=100; '直接对属性赋值的作法.
如果还有问题欢迎追问,问题解决请及时选为满意回答,谢谢.