0

JavaScript を使用してボタンをクリックすると、Web ページにテキストボックスを動的に挿入しようとしています。私は JavaScript の初心者です。Chrome、Firefox、Opera（JavaScript有効）でプログラムを実行してみました。しかし、ボタンをクリックしても、プログラムはテキスト ボックスを挿入しません。Eclipse で同じコードを実行しようとしましたが、Eclipse の HTTP プレビューアは同じコードを実行します。これが起こっている理由と、ブラウザで同じコードを実行するにはどうすればよいですか?

これが私が使用したコードです：

<html>
<head>
<title>Doing some random programming</title>
</head>
<body>
Add input elements here:
<br/>
<input type = "button" value = "Add another element" id = "AddButton" onClick = "AddTextBox()" />
<div id = "Division"></div>
<script type = "text/javascript">   
<!--
//var addButton = document.getElementById('AddButton');
function AddTextBox()
 {      
    var divis = document.getElementById('Division');
    var inputTxt = document.createElement("<input type = \"text\" />");
    var div = document.createElement('div');
    //input.type = "text";      
    div.appendChild(inputTxt);
    divis.appendChild(div);
}
//-->
</script>
<noscript>
    Needs javascript
</noscript>
</body>
</html>
4

1 に答える 1

3

このcreateElementメソッドは、HTML の文字列ではなく、要素の型の名前を取ります。

var inputTxt = document.createElement("<input type = \"text\" />");

する必要があります

var inputTxt = document.createElement("input");

または (明示的に指定したい場合type="text"は、デフォルトであるため必要ありません):

var inputTxt = document.createElement("input");
inputTxt.setAttribute('type', 'text');
于 2013-01-05T09:27:10.757 に答える