如何爲表格的行和列分配變量ID

如何使用此方法創建表格時如何將ID分配給行和列。知道ID是變量，例如。數組長度。如何爲表格的行和列分配變量ID

function addRow(tableID, text) { 
    // Get a reference to the table 
    var tableRef = document.getElementById(tableID); 

    // Insert a row in the table 
    var newRow = tableRef.insertRow(); 

    // Insert a cell in the row 
    var newCell = newRow.insertCell(); 

    // Append a text node to the cell 
    var newText = document.createTextNode(text); 
    newCell.appendChild(newText); 
} 

// Call addRow(text) with the ID of a table 
addRow('TableA', 'Brand new row'); 
addRow('TableA', 'Another new row');

來源

2017-05-27 user7945230

這是我提出以下你的邏輯，並添加IDS行和列的樣本，不是真正基於任何數組的長度，但你想要那種需要你：https://jsfiddle.net/lixusrarnavo/oycqvzn9/ – Lixus

我不認爲這是Iwant。我想稍後使用getElementByid。那麼，我將如何使用你的代碼來做到這一點？ – user7945230

如果您正在創建元素，請在創建時存儲元素。如果你已經可以引用元素，爲什麼還要執行'getElementById'？ – naomik

讓我們假設你想添加k行。很簡單，在迭代循環中創建行。

var tableRef = document.getElementById(tableID); 

//to add k rows 
for (x=0; x<k; x++) 
{ 

    // Insert a row in the table 
    var newRow = tableRef.insertRow(x); 
    newRow.setAttribute("id","row"+x); 

    // Insert a cell in the row 
    var newCell = newRow.insertCell(0); 

    // Insert another cell in the row 
    var newCell2 = newRow.insertCell(1); 

    //insert HTML text in the cells 
    newCell.innerHTML="text1"; 
    newCell2.innerHTML="text2"; 
} //end for 

}//end function

來源

2017-06-10 10:04:23 user7945230

如何爲表格的行和列分配變量ID

回答

相關問題