从“for”属性创建输入标签,而不更改HTML

时间:2017-04-30 20:55:55

标签: javascript html for-loop dom

在大学课程中学习JavaScript的问题。这是我的最后一个项目,我对HTML代码的问题是为没有id的标签创建输入字段,但它有一个“for”元素。它不能使用JQuery或JSON创建。

所以HTML看起来像这样:     <“label for =”car“>你有什么车?<”span class =“required”><“/ span><”/ label“>

所以我想我可以创建输入文本字段并将其添加到DOM:

// Create the input field
var firstCar = document.createElement("input");
// Create the type node and store what the field will be text
var newType = document.createTypeNode("text");
// Create a new ID of car and attach it to the input
var newID = document.createIdNode("car")
/* put the created Element within the HTML with ["this determines which label it will be under"]:*/
var position = document.getElementByTagName("label")[1];
// Insert the element into the position
position.appendChild(firstCar);

我跑了这个,它说TypeNode不是我浏览器中的一个功能。

1 个答案:

答案 0 :(得分:3)

这不是您设置typeid的方式。试试这个

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

firstCar.type = "text"; // set the type

firstCar.id = "car";    // set the ID

var position = document.getElementsByTagName("label")[1]; // it should be getElements... not getElement...

position.appendChild(firstCar);