2017-04-24 7 views
0

私はちょうど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); 

私があれば非常にGREATFULだろう誰かが私を助けることができた。私はすでに以前の質問を探してみましたが、私は自分のコードにどのように適用するべきかを知ることができません。

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

最初の部分は次の部分には限りi<あるよう言い0

で変数iを設定します:あなたは(ループ用)次のコードを使用することができますループを作成するには

+0

を学ぶすることがすでに書かれているすべてのコードを使用して、簡単なことでしょうか? – mohammad

+0

それは私がやろうとしていることですが、どういうことか分かりません。ちょうどそれを学ぼうとしています – user7906611

+1

javascriptの仕組みに関するドキュメントについては、W3Schoolsと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

答えて

0

最後の部分は毎回1ずつ増加iは言う(より小さい)

More info on for loops here

+0

ありがとう、今私はそれを得た! – user7906611

+0

答えがあなたを助けたら、それを受け入れてください!ありがとう – Sean

0

以下のコードスニペットを参照してください。あなたがforループを使用していないのはなぜ

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>

関連する問題