[英]javascript generated table I need to assign a seperate id to each generated cell.
[英]Id for each cell in table generated by Javascript
我正在使用此代碼向表中添加列和行。
現在,我試圖向每個生成的單元格添加一個id,就像在excel表中一樣。
對於行,我分配0、1、2等,對於列,我分配a,b,c等,因此第一個單元格的ID為0a
或a0
或類似的值。
更新: 這是我的實際代碼
var table = document.getElementById("excelTable");
var input = table.getElementsByTagName("input");
var globalLen = input.length;
var arr = [], arrStr = [];
var numId = null, modStr = null, re = null, var1 = null, var2 = null, total = null, sign = null;
function createCell(cell, r, c) {
cell.innerHTML = "<input id='td" + r + c+ "' type='text' onfocus='doEdit(this.id);' onblur='doUpdate(this.value, this.id);' />";
}
function addRowId(tbl) {
return tbl.rows.length;
}
function addColId(tbl) {
for (i = 0; i < tbl.rows.length; i++) {
return tbl.rows[i].cells.length;
}
}
function appendRow(n) {
for (; n > 0; n--) {
var tbl = document.getElementById('excelTable'),
row = tbl.insertRow(tbl.rows.length),
i;
for (i = 0; i < tbl.rows[0].cells.length; i++) {
createCell(row.insertCell(i), addRowId(tbl), addColId(tbl));
}
}
}
function appendColumn(n) {
for (; n > 0; n--) {
var tbl = document.getElementById('excelTable'),
i;
for (i = 0; i < tbl.rows.length; i++) {
createCell(tbl.rows[i].insertCell(tbl.rows[i].cells.length), addRowId(tbl), addColId(tbl));
}
}
}
我在為每個單元分配唯一ID時遇到問題。 ID必須是行號(1、2、3等)的一位數字和一位或列(1、2、3等,a,b,c等的字母)的字母。
因此,最后看起來像11、12等或1a,1b等。
該ID將分配給此單元格中的input
。
我的目標是獲取單元格(行和列)的索引,並將這些索引分配給ID。
您可以使用yourCell.setAttribute('id', 'a0');
只需從您的循環變量生成ID。
您可以嘗試yourcell.setAttribute("id", "uniqueIdentifier");
對於uniqueidentifier
您可以獲取rows[index]column[index]
,該行將為您提供該行和列的值。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.