HTMLを変更せずに「for」属性から入力ラベルを作成

Question

大学のコースでJavaScriptを学習する際の問題があります。これは私の最後のプロジェクトであり、HTMLコードで問題が発生しているのは、idのないラベルの入力フィールドを作成することですが、「for」要素もあります。 JQueryやJSONでは作成できません。 ">

車 < "=のラベル" スパンクラス= "必要 "> <「/ span>を<" /ラベル">どのような車はあなたが持っているん<？"：

だからHTMLは次のようになります

だから私は、私は、テキスト入力フィールドを作成し、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

HOではありませんあなたは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);