HTML DOM Fieldset Object

ออบเจ็กต์ HTML DOM Fielset แสดงถึงองค์ประกอบ

คุณสมบัติ

ต่อไปนี้เป็นคุณสมบัติของวัตถุ Fieldset -

คุณสมบัติ	คำอธิบาย
ปิดการใช้งาน	การตั้งค่าหรือส่งคืนหาก fieldset ถูกปิดใช้งานหรือไม่
แบบฟอร์ม	หากต้องการส่งคืนการอ้างอิงไปยังแบบฟอร์มที่มีชุดฟิลด์ที่กำหนด
ชื่อ	การตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ชื่อของชุดฟิลด์
พิมพ์	การส่งคืนประเภทองค์ประกอบ fieldset

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การสร้างองค์ประกอบ fieldset -

var p = document.createElement("FIELDSET");

ตัวอย่าง

ให้เราดูตัวอย่างสำหรับออบเจกต์ HTML DOM Fieldset -

<!DOCTYPE html>
<html>
<head>
<script>
   function createField() {
      var f = document.createElement("FIELDSET");
      var txt = document.createTextNode("FIELDSET element created");
      f.appendChild(txt);
      document.body.appendChild(f);
   }
</script>
</head>
<body>
<h2>Fieldset object example</h2>
<p>Create a fieldset element by clicking on below button</p>
<button onclick="createField()">CREATE</button> <br><br>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM Fieldset Object

เมื่อคลิกปุ่มสร้าง -

HTML DOM Fieldset Object

ในตัวอย่างข้างต้น −

ขั้นแรกเราได้สร้างปุ่ม CREATE ซึ่งจะเรียกใช้ฟังก์ชัน createField() เมื่อผู้ใช้คลิก -

<button onclick="createField()">CREATE</button>

ฟังก์ชัน createField() จะสร้างองค์ประกอบ

โดยใช้เมธอด createElement() ของอ็อบเจ็กต์เอกสาร และกำหนดให้กับตัวแปร f จากนั้นจะสร้างโหนดข้อความโดยใช้เมธอด createTextNode() และสร้างโหนดลูกโหนดข้อความขององค์ประกอบ

โดยใช้วิธี appendChild() ในที่สุดองค์ประกอบ fieldset พร้อมกับลูกโหนดข้อความจะถูกผนวกเป็นลูกของเนื้อหาของเอกสาร -

function createField() {
   var f = document.createElement("FIELDSET");
   var txt = document.createTextNode("FIELDSET element created");
   f.appendChild(txt);
   document.body.appendChild(f);
}