HTML DOM documentElement प्रॉपर्टी

HTML DOM documentElement प्रॉपर्टी का उपयोग दस्तावेज़ तत्व को लौटाने के लिए किया जाता है। रिटर्न टाइप Element Object प्रकार का होता है। दस्तावेज़ तत्व दस्तावेज़ का रूट तत्व होता है जो HTML दस्तावेज़ के मामले में <HTML> तत्व होगा। यह एक रीड-ओनली प्रॉपर्टी है।

सिंटैक्स

documentElement प्रॉपर्टी के लिए सिंटैक्स:

document.documentElement

उदाहरण

आइए documentElement प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>documentElement प्रॉपर्टी उदाहरण</h1> 
<p>नीचे दिए गए बटन पर क्लिक करके दस्तावेज़ तत्व का नाम प्राप्त करें</p> 
<button onclick="getDocument()">GET NAME</button> 
<p id="Sample"></p> 
<script> 
  function getDocument() { 
    var dName = document.documentElement.nodeName; 
    document.getElementById("Sample").innerHTML = "इस दस्तावेज़ के लिए दस्तावेज़ तत्व है: " + dName; 
  } 
</script> </body> </html>

आउटपुट

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

HTML DOM documentElement प्रॉपर्टी

GET NAME बटन पर क्लिक करने पर:

HTML DOM documentElement प्रॉपर्टी

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

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

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

<button onclick="getDocument()">GET NAME</button>

getDocument() फंक्शन दस्तावेज़ के documentElement nodeName प्रॉपर्टी को प्राप्त करता है और इसे वेरिएबल dName में असाइन करता है। वेरिएबल dName को फिर id "Sample" वाले पैराग्राफ में innerHTML प्रॉपर्टी का उपयोग करके इच्छित टेक्स्ट प्रदर्शित करता है:

function getDocument() { 
  var dName = document.documentElement.nodeName; 
  document.getElementById("Sample").innerHTML = "इस दस्तावेज़ के लिए दस्तावेज़ तत्व है: " + dName; 
}