से

तक के HTML हेडिंग एलिमेंट्स से जुड़ा है। हेडिंग ऑब्जेक्ट का उपयोग करके हम क्रमशः createElement() और getElementById() मेथड से हैडिंग एलीमेंट बना सकते हैं और एक्सेस कर सकते हैं।

सिंटैक्स

−

. के लिए वाक्य रचना निम्नलिखित है

एक शीर्षक वस्तु बनाना -

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

उदाहरण

आइए हम हेडिंग ऑब्जेक्ट के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>Heading object example</h1>
<p>Create a h1 element by clicking the below button</p>
<button onclick="createH1()">CREATE</button>
<script>
   function createH1() {
      var h = document.createElement("H1");
      var txt = document.createTextNode("H1 element has been created");
      h.appendChild(txt);
      document.body.appendChild(h);
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

HTML DOM हेडिंग ऑब्जेक्ट

क्रिएट बटन पर क्लिक करने पर -

HTML DOM हेडिंग ऑब्जेक्ट

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

हमने पहले एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर हेडरक्रिएट () विधि को निष्पादित करेगा -

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

CreateH1 () विधि दस्तावेज़ ऑब्जेक्ट पर createElement () विधि का उपयोग करके एक

शीर्षक तत्व बनाता है और इसे वेरिएबल h को असाइन करता है। फिर हम दस्तावेज़ ऑब्जेक्ट की createTextNode () विधि का उपयोग करके इसके लिए एक टेक्स्ट नोड बनाते हैं। एपेंड चाइल्ड () विधि का उपयोग करके टेक्स्ट नोड को

तत्व में जोड़ा जाता है। अंत में

तत्व को टेक्स्ट नोड के साथ परिशिष्ट चाइल्ड () विधि का उपयोग करके दस्तावेज़ के शरीर के बच्चे के रूप में जोड़ा जाता है -

function createH1() {
   var h = document.createElement("H1");
   var txt = document.createTextNode("H1 element has been created");
   h.appendChild(txt);
   document.body.appendChild(h);
}