0

次のコードは、ID「button0」のボタンをクリックするたびに、フォームにボタンを正常に追加します。しかし、firebugは私にエラーを与えます

form1 is null
[Break On This Error]   

form1.appendChild(element);

また、新しいボタンは、onclick 値に設定されているにもかかわらず、関数「foo()」を実行しません。これがコードです

var counter = 0;

function add(){
  counter++;
  var element = document.createElement("input");
  element.type = "button";
  element.value = "test";
  element.name = "button"+counter;
  element.id = "button"+ counter;
  element.onclick="foo()";
  var form1 = document.getElementById("form1");
  var body1 = document.getElementById("b1");
  var header = document.getElementById("header");
  form1.appendChild(element);
  header.innerHTML = "Two Buttons";
};

function foo(){
  var butt =   document.getElementById("button1");
  butt.value = "works";
  console.log("works");
};

add();

document.form1.appendChild(element); を使用すると、firebug エラー (未定義) も発生します。

面白いことに、クリックするたびに新しいボタンが表示されます。ボタンが効かないだけです。

これが私のhtmlです

<body id = "b1">

<script src = "button-in-code.js"></script>
<h1 id = "header">Buttons</h1>
<form id = "form1" name = "form1">
<input type="button" id = "button0" name="sel" value="Select all" onclick="add()">
</form>

<hr>
<address></address>
<!-- hhmts start -->Last modified: Mon Jul  8 10:07:26 EDT 2013 <!-- hhmts end -->
</body> </html>
4

1 に答える 1