0

当我单击使用 JavaScript 的按钮时，我试图在网页中动态插入文本框。我是 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 回答