ボタンのオンクリックでIDを取得する

Question

ボタンをループ内で動的に作成しようとしています。ボタンのonclickは、ボタンのIDを取得したい。以下のコードは機能しません。誰でも助けてくれますか？あなたが最初にそれがDOMに追加されるように、ドキュメントに作成された要素を追加する必要があり、事前

Answer 1

子供を追加する必要がありました。ここでintを使用することはできません。あなたは二つの問題に実行しているように見えますvar

for(var i=1;i<5;i++) 
 
    { 
 
    var btn = document.createElement("button"); 
 
    
 
    btn.innerText = ("button"+i); 
 
    btn.setAttribute("id", i); 
 
     document.body.appendChild(btn); // add this line 
 
    btn.onclick = function(){ 
 
    alert(this.id); 
 
    } 
 
    }

Answer 2

で

for(int i=1;i<5;i++) 
    { 
    var btn = document.createElement("button"); 
    btn.innerText = "button"+i; 
    btn.setAttribute("id", i); 
    btn.onclick = function(this){ 
    alert(this.id); 
    } 
    } 

感謝。このtutorialを読んでください。

for(var i=1;i<5;i++) 
{ 
    var btn = document.createElement("button"); 
    btn.innerText = "button"+i; 
    btn.setAttribute("id", i); 
    document.body.appendChild(btn); 
    btn.onclick = function(){ 
    alert(this.id); 

    } 
} 

Answer 3

for(var i = 1; i < 5; i++) 
{ 
    var btn = document.createElement("button"); 
    btn.innerText = "button"+i; 
    btn.setAttribute("id", i); 
    btn.onclick = function(e) { 
     alert(this.id); 
    } 
} 

Answer 4

を使用して：あなたはforループ

1. は、ループ変数iを宣言するintを使用しています。あなたが作成したボタン要素はコード内に存在し、ボタンはドキュメント自体には追加されていません。一般に、新しい要素は、ページ上に既に存在する親要素（ほとんどのコンテンツがあるbody要素など）に追加する必要があります。

下記のJS Binを実際の例で確認してください。この例では、親要素としてid "btn-container"を持つ要素を指定しました。

JS Bin with working example.