insertRow();添加属性

Question

var myTable=document.getElementById("listTable");
var row = myTable.insertRow(); 
新增的这行的属性就和下面<tr>里面的属性一样的；
<tr class="btr" onclick="checkRow(this)" onMouseOver="this.className='btr-over';" onMouseOut="this.className='btr-out';">
用什么方法可以把这个<tr>里面的class、onclick、onMouseOver、onMouseOut添加进去
row.onclick= "checkRow(this) ";
像这种方式实现的。但我这个是不行的谢了

Answer 1

var   tr=tblList.insertRow(tblList.rows.length); 
tr.setAttribute( 'class',   'btr'); 
tr.setAttribute( 'align ',   'center'); 
tr.onclick=function()   {checkRow(this)}

Answer 2

用Jquery的UI插件吧，已经对这种js的底层操作做了封装了，写起来方便很多，也更利于维护

Answer 3

function insertRow(){
  var tr=document.createElement("tr");
  var td1=document.createElement("td");
  var tx1="一行数据";
 ////赋予值进入新建文本
  var text1=document.createTextNode(tx1);
 ////赋予列值
  td1.appendChild(text1);
////将列附加到行
  tr.appendChild(td1);
  tr.class = "";  tbody.appendChild(tr);
  tr.setAttribute("onclick","");
  tr.setAttribute("onMouseOver","");
  tr.setAttribute("onMouseOut","");
}

Answer 4

最后加个myTable.appendChild(tr);
将新建的tr加入myTable表格里