JavaScript – Document Object Model in Hindi

  • Introduction to JavaScript Document Object Model in Hindi
  • Properties of document object in Hindi
  • Methods of document object in Hindi
  • Accessing field value by document object
JavaScript Document Object Model in Hindi

Introduction to JavaScript Document Object Model

Document object पूरे HTML दस्तावेज़ का प्रतिनिधित्व करता है।

जब ब्राउज़र में html डॉक्यूमेंट लोड होता है, तो यह डॉक्यूमेंट object बन जाता है। यह मूल तत्व है जो html दस्तावेज़ का प्रतिनिधित्व करता है। इसके properties और methods हैं। डॉक्यूमेंट ऑब्जेक्ट की मदद से हम अपने वेब पेज पर डायनामिक content जोड़ सकते हैं।

जैसा कि पहले उल्लेख किया गया है, यह window का object है। इसलिए

window.document  

के रूप में ही है

Document  

W3C के अनुसार – “W3C डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) एक प्लेटफ़ॉर्म और language-neutral इंटरफ़ेस है, जो प्रोग्राम स्क्रिप्ट को दस्तावेज़ की सामग्री, संरचना और style को गतिशील रूप से एक्सेस और अपडेट करने की अनुमति देता है।”


दस्तावेज़ ऑब्जेक्ट की properties

आइए दस्तावेज़ ऑब्जेक्ट की properties को देखें जिन्हें दस्तावेज़ ऑब्जेक्ट द्वारा एक्सेस और संशोधित किया जा सकता है।

javascript document object

दस्तावेज़ ऑब्जेक्ट के methods

हम दस्तावेज़ की सामग्री को उसके methods से एक्सेस और बदल सकते हैं।

दस्तावेज़ वस्तु के महत्वपूर्ण methods इस प्रकार हैं:

Methodविवरण
write(“string”)डॉक्यूमेंट पर दिए गए string को लिखते हैं।
writeln(“string”)अंत में newline character के साथ डॉक्यूमेंट पर दिए गए स्ट्रिंग को लिखते हैं।
getElementById ()दिए गए id value वाले तत्व को वापस करता है।
getElementsByName ()दिए गए name value वाले सभी तत्वों को लौटाता है।
getElementsByTagName ()दिए गए tag name वाले सभी तत्वों को लौटाता है।
getElementsByClassName ()दिए गए class name वाले सभी तत्वों को लौटाता है।

दस्तावेज़ ऑब्जेक्ट द्वारा field value एक्सेस करना

इस उदाहरण में, हम उपयोगकर्ता द्वारा input text का मूल्य प्राप्त करने जा रहे हैं। यहां, हम name field का मान प्राप्त करने के लिए document.form1.name.value का उपयोग कर रहे हैं ।

यहां, दस्तावेज़ root element है जो html दस्तावेज़ का प्रतिनिधित्व करता है।

Form1 form का नाम है।

name input text का attribute नाम है।

value वह property है, जो input text का मूल्य लौटाती है।

आइए डॉक्यूमेंट ऑब्जेक्ट का सरल उदाहरण देखें जो welcome message के साथ नाम प्रिंट करता है।

<script type="text/hinditutorialspoint">  
function printvalue(){  
var name=document.form1.name.value;  
alert("Welcome: "+name);  
}  
</script>  
  
<form name="form1">  
Enter Name:<input type="text" name="name"/>  
<input type="button" onclick="printvalue()" value="print name"/>  
</form>  

उपरोक्त उदाहरण का आउटपुट

Enter Name:

Leave a Reply

DMCA.com Protection Status