एचटीएमएल डोम पाद लेख वस्तु

<घंटा/>

HTML DOM पाद लेख वस्तु HTML <पाद लेख> तत्व से संबद्ध है। <पाद> तत्व एक प्रकार का सिमेंटिक टैग है और इसे HTML5 में पेश किया गया है। फूटर ऑब्जेक्ट का उपयोग करके हम क्रमशः createElement() और getElementById() मेथड का उपयोग करके

एलिमेंट बना सकते हैं और प्राप्त कर सकते हैं।

सिंटैक्स

−

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

फ़ुटर ऑब्जेक्ट बनाना -

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

उदाहरण

आइए फूटर ऑब्जेक्ट का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<script>
   function createFoot() {
      var f = document.createElement("FOOTER");
      document.body.appendChild(f);
      var p = document.createElement("P");
      var txt = document.createTextNode("Copyright ©, 2019");
      p.appendChild(txt);
      f.appendChild(p);
   }
</script>
</head>
<body>
<h1>Footer object example</h1>
<p>Create a footer for this webpage by clicking the below button</p>
<button onclick="createFoot()">CREATE</button>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम पाद लेख वस्तु

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

एचटीएमएल डोम पाद लेख वस्तु

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

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

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

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

तत्व बनाते हैं।

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

function createFoot() {
   var f = document.createElement("FOOTER");
   document.body.appendChild(f);
   var p = document.createElement("P");
   var txt = document.createTextNode("Copyright ©, 2019");
   p.appendChild(txt);
   f.appendChild(p);
}