如何使用document.createElement()创建<input />?

时间:2014-03-06 22:02:55

标签: javascript html dom

我尝试了以下 -

var input = document.createElement("<input type='checkbox' name='test'>")

但它提示 -

Uncaught InvalidCharacterError: The string contains invalid characters. 

我使用Chrome Version 33.0.1750.146 m

2 个答案:

答案 0 :(得分:3)

您创建plain元素,然后添加属性:

var input = document.createElement("input");
input.type = "checkbox";
input.name = "test";

答案 1 :(得分:0)

document.createElement函数为您要创建的元素采用标记名称(在您的案例输入中)

var input = document.createElement("input");
然后,您可以像这样访问该元素的属性:

input.type = "checkbox";
input.name = "test";

这是另一个问题,答案相同: How to create <input type=“text”/> dynamically