HTML DOM Fieldset ऑब्जेक्ट

HTML DOM Fieldset ऑब्जेक्ट <fieldset> तत्व को दर्शाता है।

गुण (Properties)

Fieldset ऑब्जेक्ट के लिए निम्नलिखित गुण हैं:

गुण	विवरण
disabled	सेट या लौटाता है कि fieldset अक्षम है या नहीं।
form	दिए गए fieldset को समाहित करने वाले फॉर्म का रेफरेंस लौटाता है।
name	fieldset के name attribute मान को सेट या लौटाता है।
type	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 तत्व बनाया गया"); 
    f.appendChild(txt); 
    document.body.appendChild(f); 
  } 
</script> </head> <body> 
<h2>Fieldset ऑब्जेक्ट उदाहरण</h2> 
<p>नीचे दिए गए बटन पर क्लिक करके एक fieldset तत्व बनाएं</p> 
<button onclick="createField()">CREATE</button> 
<br><br> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

HTML DOM Fieldset ऑब्जेक्ट

CREATE बटन पर क्लिक करने पर:

HTML DOM Fieldset ऑब्जेक्ट

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

हमने पहले एक CREATE बटन बनाया जो यूज़र द्वारा क्लिक किए जाने पर createField() फंक्शन को एक्ज़िक्यूट करता है:

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

createField() फंक्शन document ऑब्जेक्ट के createElement() मेथड का उपयोग करके एक <fieldset> तत्व बनाता है और इसे वेरिएबल f में असाइन करता है। फिर यह createTextNode() मेथड का उपयोग करके एक टेक्स्ट नोड बनाता है और appendChild() मेथड का उपयोग करके टेक्स्ट नोड को <fieldset> तत्व का चाइल्ड बनाता है। अंत में फील्डसेट तत्व को इसके टेक्स्ट नोड चाइल्ड के साथ दस्तावेज़ के बॉडी के चाइल्ड के रूप में जोड़ा जाता है:

function createField() { 
  var f = document.createElement("FIELDSET"); 
  var txt = document.createTextNode("FIELDSET तत्व बनाया गया"); 
  f.appendChild(txt); 
  document.body.appendChild(f); 
}