從 javascript 中動態創建的行中提取數據

Question

我用 jQuery 找到了很多解決這個問題的方法，但是我不允許使用 jQuery 來解決這個問題，只有 javascript。 我在 HTML 定義的表中動態創建行，當我單擊按鈕時，我需要從所選行的名稱和索引中提取數據。 每行都有自己的按鈕。 下面是我的代碼的一部分。 歡迎任何幫助！

Name=document.getElementById("name").value;
index=document.getElementById("index").value;
phone=document.getElementById("phone").value;

var newRow=table.insertRow(table.rows.length);
var newCell0=newRow.insertCell(0);
newCell0.innerHTML=Name;

var newCell1=newRow.insertCell(1);
newCell1.innerHTML=index;

var newCell2=newRow.insertCell(2);
newCell2.innerHTML=phone;

Answer 1

試試這個解決方案

window.onload = function(){
//access your dynamic element normally here
};

你可以在這里找到相關的解決方案

Answer 2

將其彈出到您的 HTML 中：

<table id="output-table"></table>

然后您可以創建表格行並在 JavaScript 中插入單元格：

var outputTable = document.getElementById("output-table");

function addRows () {

var newRow = outputTable.insertRow();
var newCell = newRow.insertCell;

for (i = 0; i < 3; i++) {

    var newCell = newRow.insertCell(0);
    newCell.innerHTML = "Cell";
}
console.log(newRow);

}

從這里你應該能夠做你需要的。 希望能幫助到你。