使用JS脚本操作Table元素,在不同浏览器中操作方法不尽相同。当新建一行之后,IE中可以使用单元格操作来完成单元格的添加,而在FireFox中无法正确通过单元格来操作,而只能使用<td></td>来实现。
因此,在编写填充函数时,要注意检测浏览器并分别处理。
JS代码如下:
//往表格某位置插入行
function insertTableRow(tObj, rowIdx, detail){
if(tObj == null || attendDetail == null) return false;
if(rowIdx < 0 || rowIdx > tObj.rows.length) rowIdx = tObj.rows.length;
var newRow = tObj.insertRow(rowIdx);
newRow.id = detail["id"]; //可选设置
var btype = detectBrower();
if(btype != "IE"){
var rowHTML = "<td>" + detail["code"] + "</td><td>" + detail["name"] + "</td>";
newRow.innerHTML = rowHTML;