簡體   English   中英

由Javascript生成的表格中每個單元格的ID

[英]Id for each cell in table generated by Javascript

我正在使用此代碼向表中添加列和行。

現在,我試圖向每個生成的單元格添加一個id,就像在excel表中一樣。

對於行,我分配0、1、2等,對於列,我分配a,b,c等,因此第一個單元格的ID為0aa0或類似的值。

更新: 這是我的實際代碼

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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM