2016-09-07 15 views
-1

forループを使用して値を変更した新しいボタンを追加するにはどうすればよいですか?私はcreateElement属性を使用してボタンを作成しました。JavaScriptでタイプボタンのDOM要素を追加する方法は?

var par=document.getElementById("numfield"); 
var ch=document.createElement("INPUT"); 
ch.setAttribute("type","button"); 
ch.setAttribute("value","1"); 
par.appendChild(ch); 
+1

あなたが働いてコードスニペットをアップロードしていることを確認してください。 – Feathercrown

+0

また、まず何かを試してみてください。これはフリーサイトの取得コードではありません。まず問題を解決する必要があります。 (あなたが試してみたら、申し訳ありませんが、答えは簡単でした。私はあなたが試していないと思っていました。 – Feathercrown

答えて

0

新しいボタンを追加するたびに、ボタンの値とIDを増やしてください。これはIDを追加することなく動作することに注意してください。しかし、これにより、より簡単にボタンにアクセスすることができます。

var par=document.getElementById("numfield"); 
 
for(var i=0; i<10; i++){ 
 
var ch=document.createElement("INPUT"); 
 
ch.setAttribute("type","button"); 
 
ch.setAttribute("value",i); 
 
ch.setAttribute("id",i); 
 
par.appendChild(ch); 
 
}
<div id="numfield"> 
 
</div>

関連する問題