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

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

उपरोक्त उदाहरण में हमने एक टैग -
<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 पर एपेंड चाइल्ड () विधि का उपयोग करके <साइट> तत्व में जोड़ा जाता है। टेक्स्ट नोड के साथ एलिमेंट को फिर डॉक्यूमेंट बॉडी में एपेंड चाइल्ड () मेथड का उपयोग करके डॉक्यूमेंट बॉडी में जोड़ा जाता है।