HTML DOM ऑब्जेक्ट का हवाला देता है

<घंटा/>

एचटीएमएल डोम साइट ऑब्जेक्ट एचटीएमएल <साइट> एलिमेंट से जुड़ा है। किसी उद्धृत रचनात्मक कार्य का संदर्भ देने के लिए <साइट> तत्व का उपयोग किया जाता है और शीर्षक को शामिल किया जाना चाहिए। यह पेंटिंग, किताब, टीवी शो, फिल्में आदि हो सकती हैं।

सिंटैक्स

−

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

एक साइट ऑब्जेक्ट बनाना -

var x = document.createElement("CITE");

उदाहरण

आइए हम HTML DOM का एक उदाहरण देखते हैं ऑब्जेक्ट का हवाला देते हैं -

<!DOCTYPE html>
<html>
<body>
<p>Click the below button to create a CITE element.</p>
<button onclick="createCite()">CREATE</button><br><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Van_Gogh_-
_Starry_Night_-_Google_Art_Project.jpg/800px-Van_Gogh_-_Starry_Night_-
_Google_Art_Project.jpg" width="220" height="277" alt="The Starry night">
<script>
   function createCite() {
      var x = document.createElement("CITE");
      var t = document.createTextNode("The Starry night.");
      x.appendChild(t);
      document.body.appendChild(x);
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM ऑब्जेक्ट का हवाला देता है

"बनाएं" पर क्लिक करें -

HTML DOM ऑब्जेक्ट का हवाला देता है

उपरोक्त उदाहरण में हमने एक टैग -

. का उपयोग करके एक छवि सम्मिलित की है

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg/800px-Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg" width="220" height="277" alt="The Starry night">

फिर हमने createCite() मेथड को निष्पादित करने के लिए CREATE बटन बनाया है -

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

createCite() विधि एक तत्व बनाता है और इसे वेरिएबल x को असाइन करता है। कुछ टेक्स्ट वाला टेक्स्ट नोड बनाया जाता है और वेरिएबल t को असाइन किया जाता है। टेक्स्ट नोड को फिर वेरिएबल x पर एपेंड चाइल्ड () विधि का उपयोग करके <साइट> तत्व में जोड़ा जाता है। टेक्स्ट नोड के साथ एलिमेंट को फिर डॉक्यूमेंट बॉडी में एपेंड चाइल्ड () मेथड का उपयोग करके डॉक्यूमेंट बॉडी में जोड़ा जाता है।