HTML DOM Footer ऑब्जेक्ट

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

सिंटैक्स

footer ऑब्जेक्ट बनाने के लिए सिंटैक्स:

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

उदाहरण

आइए 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("कॉपीराइट ©, 2019"); 
    p.appendChild(txt); 
    f.appendChild(p); 
  } 
</script> </head> <body> 
<h1>Footer ऑब्जेक्ट उदाहरण</h1> 
<p>नीचे दिए गए बटन पर क्लिक करके इस वेबपेज के लिए एक फूटर बनाएं</p> 
<button onclick="createFoot()">CREATE</button> 
</body> </html>

आउटपुट

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

HTML DOM Footer ऑब्जेक्ट

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

HTML DOM Footer ऑब्जेक्ट

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

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

हमने पहले एक बटन CREATE बनाया जो यूज़र द्वारा क्लिक किए जाने पर createFoot() मेथड को एक्ज़िक्यूट करता है:

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

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

function createFoot() { 
  var f = document.createElement("FOOTER"); 
  document.body.appendChild(f); 
  var p = document.createElement("P"); 
  var txt = document.createTextNode("कॉपीराइट ©, 2019"); 
  p.appendChild(txt); 
  f.appendChild(p); 
}