JavaScriptにHTML要素を生成する方法は2つあります。 1つ目は比較的正式な要素作成方法であり、2つ目はJavaScriptのwrite（）メソッドを使用してHTML要素を直接記述することです。
方法1：
コードコピーは次のとおりです。
// createElement（）は、objオブジェクトに入力要素を作成します
var obj = document.createelement（ 'input'）;
//生成する場所の前の要素を選択します
var before = document.getElementById（ 'before'）;
// OBJ要素名と値を設定します
obj.name = 'name';
obj.value = 'value';
// SetAttributeは自由に定義できます。 IDとタイプ、名前、値だけでなく、ここでも定義できます。
obj.setattribute（ 'id'、 'idname'）;
obj.setattribute（ 'type'、 'typename'）;
//前の要素の後にOBJを追加します
before.appendChild（obj）;
方法2：
コードコピーは次のとおりです。
document.write（ "<inpt name = 'name' value = 'value' id = 'idname' type = 'typename'>"）;
HTMLの<inupt>要素を生成する2つの方法を次に示します。最初のものはより標準化され、より多くのコードがあり、2番目のコードはコードが少なくなります。