function InsterCell(tableId, content, place) {
this.mTableId = tableId;
this.mInsContent = content;
this.mInsPlace = place;
this.cInsCell = InsCell;
this.cClearCell = ClearCell;
}
function InsCell() {
var cell = this.mTableId.cells[this.mInsPlace];
cell.innerHTML = ''
+ this.mInsContent
+ '
';
this.mInsPlace++;
}
function ClearCell() {
for (var i=0; i
function tbladdrow() {
var i = lines.rows.length;
var row = Table1.insertRow(Table1.rows.length);
var col = row.insertCell(0);
col.innerHTML = '';
col = row.insertCell(1);
col.innerHTML = '';
// ... 更多列
}
| 維度 | innerHTML 封裝 | insertRow/insertCell |
|---|---|---|
| 瀏覽器兼容性 | 良好 (舊 IE) | 標準 DOM,現代瀏覽器全支持 |
| 性能 | 大量操作時較慢 | 原生方法,效率高 |
| 結構清晰度 | 字符串拼接易出錯 | 節點操作結構化 |
| name 索引化 | 手動拼接 | 易於動態生成 line[i][field] |
現代項目優先選擇方案二,配合 template 標籤或 cloneNode 更優雅。