जावास्क्रिप्ट एचटीएमएल डॉम दस्तावेज

एचटीएमएल डॉम डॉक्युमेंट ऑब्जैक्ट आपके वेब पृष्ठ के सभी अन्य ऑब्जैक्ट के मालिक है。

एचटीएमएल डॉम डॉक्युमेंट ऑब्जैक्ट

डॉक्युमेंट ऑब्जैक्ट आपके वेब पृष्ठ को प्रतिनिधित्व करता है。

अगर आप एचटीएमएल पृष्ठ में किसी भी एलीमेंट को देखना चाहते हैं, तो आप केवल डॉक्युमेंट ऑब्जैक्ट को देखकर शुरू करें。

नीचे कुछ डॉक्युमेंट ऑब्जैक्ट के द्वारा एचटीएमएल को देखने और काम करने के उदाहरण हैं。

एचटीएमएल एलीमेंट खोजना

विधि वर्णन
डॉक्युमेंट.गेटआइडएलीमेंट(आइड) एलीमेंट के आइड के द्वारा एलीमेंट खोजना
डॉक्युमेंट.गेटटैगएलीमेंट्स(नाम) टैग नाम के द्वारा एलीमेंट खोजना
डॉक्युमेंट.गेटक्लासएलीमेंट्स(नाम) क्लास नाम के द्वारा एलीमेंट खोजना

एचटीएमएल एलीमेंट को बदलना

विधि वर्णन
एलीमेंट.इननरहेडलिनेट = नया हैचटीएमएल सामग्री एलीमेंट के आइनर एचटीएमएल को बदलना
element.attribute = new value एचटीएमएल एलीमेंट के एट्रिब्यूट की मूल्य को बदलें
element.setAttribute(attribute, value) एचटीएमएल एलीमेंट के एट्रिब्यूट की मूल्य को बदलें
element.style.property = new style एचटीएमएल एलीमेंट के शैली को बदलें

एलीमेंट जोड़े और हटाएं

विधि वर्णन
document.createElement(element) HTML एलीमेंट बनाएं
document.removeChild(element) HTML एलीमेंट हटाएं
document.appendChild(element) HTML एलीमेंट जोड़ें
document.replaceChild(element) HTML एलीमेंट को प्रतिस्थापित करें
document.write(text) write HTML आउटपुट स्ट्रीम

इवेंट हैंडलर जोड़ें

विधि वर्णन
document.getElementById(id).onclick = function(){code} onclick इवेंट में इवेंट हैंडलर जोड़ें

एचटीएमएल ऑब्जैक्ट खोजें

पहला HTML DOM Level 1 (1998) ने 11 एचटीएमएल ऑब्जैक्ट्स, ऑब्जैक्ट सेट और एट्रिब्यूट्स को परिभाषित किया। वे एचटीएमएल5 में भी प्रभावी हैं।

बाद में, HTML DOM Level 3 में, अधिक ऑब्जैक्ट्स, सेट और एट्रिब्यूट्स जोड़े गए।

एट्रिब्यूट वर्णन DOM
document.anchors उन सभी <a> एलीमेंट्स को वापस करें जिनका name एट्रिब्यूट है 1
document.applets सभी <applet> एलीमेंट्स वापस करें（HTML5 में सिफारिश नहीं किया जाता है） 1
document.baseURI दस्तावेज़ के अभिन्न आधार URI वापस करें 3
document.body <body> एलीमेंट वापस करें 1
document.cookie दस्तावेज़ के cookie वापस करें 1
document.doctype दस्तावेज़ के doctype वापस करें 3
document.documentElement <html> एलीमेंट वापस करें 3
document.documentMode ब्राउज़र द्वारा इस्तेमाल होने वाले मोड वापस करें 3
document.documentURI दस्तावेज़ के URI वापस करें 3
document.domain दस्तावेज़ सेवाकर्ता के डोमेन वापस करें 1
document.domConfig खारिजDOM की रूपरेखा वापस करें 3
document.embeds सभी <embed> एलीमेंट्स वापस करें 3
document.forms सभी <form> एलिमेंट वापस करता है 1
document.head <head> एलिमेंट वापस करता है 3
document.images सभी <img> एलिमेंट वापस करता है 1
document.implementation DOM इम्प्लीमेंटेशन वापस करता है 3
document.inputEncoding डॉक्यूमेंट के इनपुट एन्कोडिंग (चारक्ट सेट) वापस करता है 3
document.lastModified डॉक्यूमेंट के अद्यतन की तारीख और समय वापस करता है 3
document.links सभी <area> और <a> एलिमेंटों के लिए href एट्रिब्यूट के साथ वापस करता है 1
document.readyState डॉक्यूमेंट के (लोड) स्थिति वापस करता है 3
document.referrer संदर्भित URI (लिंक डॉक्यूमेंट) वापस करता है 1
document.scripts सभी <script> एलिमेंट वापस करता है 3
document.strictErrorChecking यदि त्रुटि जांच को बलिंग करना है इसे वापस करता है 3
document.title <title> एलिमेंट वापस करता है 1
document.URL डॉक्यूमेंट के पूर्ण URL वापस करता है 1