มีสองวิธีในการสร้างองค์ประกอบ HTML ใน JavaScript อย่างแรกคือวิธีการสร้างองค์ประกอบที่ค่อนข้างเป็นทางการและวิธีที่สองคือการเขียนองค์ประกอบ HTML โดยตรงโดยใช้วิธีการเขียน () ใน JavaScript
วิธีที่ 1:
การคัดลอกรหัสมีดังนี้:
// createElement () สร้างองค์ประกอบอินพุตลงในวัตถุ OBJ
var obj = document.createElement ('อินพุต');
// เลือกองค์ประกอบก่อนหน้าของตำแหน่งที่จะสร้าง
var ก่อน = document.getElementById ('ก่อน');
// ตั้งชื่อและค่าองค์ประกอบ OBJ
obj.name = 'ชื่อ';
obj.value = 'ค่า';
// setAttribute สามารถกำหนดได้อย่างอิสระ ไม่เพียง แต่ ID และประเภทชื่อและค่าเท่านั้นที่สามารถกำหนดได้ที่นี่
obj.setAttribute ('id', 'idname');
obj.setAttribute ('type', 'typename');
// เพิ่ม OBJ หลังจากองค์ประกอบก่อนหน้า
ก่อนหน้า. AppendChild (OBJ);
วิธีที่ 2:
การคัดลอกรหัสมีดังนี้:
document.write ("<inpt name = 'name' value = 'value' id = 'idName' type = 'typename'>");
นี่คือสองวิธีในการสร้าง <put> องค์ประกอบของ HTML อันแรกมีมาตรฐานมากขึ้นโดยมีรหัสมากขึ้นและอันที่สองคือรหัสน้อยกว่า