javascript - 从 "for"属性创建输入标签，而不更改 HTML

Question

在大学类(class)中学习 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 不是我的浏览器中的函数。

Answer 1

这不是设置type和id的方式。试试这个

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);