如何在div中制作输入标签
<!DOCTYPE html>
<html>
<head>
<script>
var x = document.createElement("INPUT");
x.setAttribute("type", "text");
document.body.appendChild(x);
</script>
</head>
<body>
<div>
Test
</div>
</body>
</html>
如何将输入标签添加到div
假设您的目标div的ID为target，您可以像这样使用document.createElement：
var div = document.getElementById("target");
var input = document.createElement("input");
//setting the input's properties, e.g.:
input.type="text";
input.name="my_input";
//adding the input to the div
div.appendChild(input);
注意：为使getElementById起作用，您需要将脚本放在文件末尾，或将其包装在onload事件中，例如：]]
onload = function() {
//insert code here
}
首先，您需要在所有div（可能很多）中识别出特定的div。您可以通过多种方式（可能是最常见的方式）执行此操作：为div元素赋予class属性和/或id属性，如下所示：