創建一個循環來添加一個td

我只是在學習javascript並試圖做一個簡單的循環。創建一個循環來添加一個td

這裏是我的代碼的一部分：

function addRow() { 
    var row = document.createElement("tr"); 
    var td = document.createElement("td"); 
    row.setAttribute("id", "sumrow"); 
    var textNode = document.createTextNode("toimii"); 
    row.appendChild(textNode); 
    row.appendChild(td); 
    td.appendChild(textNode); 
    var table = document.getElementById("pricetable"); 
    table.appendChild(row);

然後繼續這樣，我想5次被執行此代碼：

var td = document.createElement("td"); 
    row.appendChild(td); 
    table.appendChild(row);

我是，如果很感激有人可以幫助我。我已經試過尋找以前的問題，但我不知道如何將它們應用到我的代碼中。

來源

2017-04-24 user7906611

爲什麼您不使用循環？ – mohammad

這就是我想要做的，但我不知道如何..只是試圖學習它 – user7906611

有關javascript工作的文檔，我傾向於依靠W3School和MDN作爲很好的參考文檔。對於循環的特定問題，我已經鏈接了以下內容。對於已知的固定次數的迭代（循環的重複），「for」循環是常見選擇。 https://www.w3schools.com/js/js_loop_for.asp https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Looping_code – Mic

要創建循環，可以使用下面的代碼（for循環）：

for(var i = 0; i < 5; i++) { 
    // in there you put the code you want to loop 
}

第一部分設置在0

下一部分變量i只要i是<說（小於）5

最後一部分說每次增加i由1

More info on for loops here

來源

2017-04-24 17:39:30 Sean

謝謝，現在我明白了！ – user7906611

如果答案對您有幫助，請接受！謝謝 – Sean

請參閱下面的代碼片段。它使用你已經寫了所有的代碼，可能很容易讓你學習

function addRow() { 
 
    var row = document.createElement("tr"); 
 
    var td = document.createElement("td"); 
 
    row.setAttribute("id", "sumrow"); 
 
    var textNode = document.createTextNode("toimii"); 
 
    row.appendChild(td); 
 
    td.appendChild(textNode); 
 
    return row; 
 
} 
 

 
function createRow() { 
 
for(var i=0; i< 5; i++){ 
 
\t var table = document.getElementById("pricetable"); 
 
    table.appendChild(addRow()); 
 
} 
 
} 
 
createRow();

<table id="pricetable"> 
 
</table>

來源

2017-04-24 18:10:21

創建一個循環來添加一個td

回答

相關問題