Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम कोड वस्तु

<घंटा/>

HTML DOM कोड ऑब्जेक्ट HTML 5 टैग से संबद्ध है। इसका उपयोग तत्व के अंदर कोड के एक टुकड़े को चिह्नित करने के लिए किया जाता है। कोड ऑब्जेक्ट मूल रूप से तत्व का प्रतिनिधित्व करता है।

सिंटैक्स

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

कोड ऑब्जेक्ट बनाना -

var a = document.createElement("CODE");

उदाहरण

आइए HTML DOM कोड ऑब्जेक्ट के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<p>Click the below button to create a CODE element with some text</p>
<button onclick="createCode()">CREATE</button><br><br>
<script>
   function createCode() {
      var x = document.createElement("CODE");
      var t = document.createTextNode("print('HELLO WORLD')");
      x.appendChild(t);
      document.body.appendChild(x);
   }
</script>
</body>
</html>

आउटपुट

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

एचटीएमएल डोम कोड वस्तु

क्रिएट -

. पर क्लिक करने पर

एचटीएमएल डोम कोड वस्तु

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

हमने एक बटन बनाया है जो कि उपयोगकर्ता द्वारा क्लिक किए जाने पर createCode() विधि को निष्पादित करेगा -

<button onclick="createCode()">CREATE</button><br><br>

createCode () विधि दस्तावेज़ ऑब्जेक्ट पर createElement ("CODE") विधि का उपयोग करके एक तत्व बनाती है। बनाया गया तत्व चर x को सौंपा गया है। फिर दस्तावेज़ ऑब्जेक्ट पर createTextNode() विधि का उपयोग करके कुछ टेक्स्ट वाला टेक्स्ट नोड बनाया जाता है। यह पाठ नोड चर x पर appendChild () विधि का उपयोग करके तत्व में एक बच्चे के रूप में जोड़ा जाता है।

यह तत्व टेक्स्ट नोड के साथ फिर एपेंड चाइल्ड () विधि का उपयोग करके दस्तावेज़ निकाय के बच्चे के रूप में जोड़ा जाता है -

function createCode() {
   var x = document.createElement("CODE");
   var t = document.createTextNode("print('HELLO WORLD')");
   x.appendChild(t);
   document.body.appendChild(x);
}

  1. एचटीएमएल डोम एचआर ऑब्जेक्ट

    HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है। घंटा वस्तु बनाएं− सिंटैक्स निम्नलिखित वाक्य रचना है - दस्तावेज़.क्रिएट एलीमेंट (एचआर); आइए हम घंटा वस्तु का एक उदाहरण देखें- उदाहरण body { text-align:center; पृष्ठभूमि-रंग:#fff; रंग:#0197F6; } h1 {रंग:#23CE6B; } .btn {पृष्ठभूम

  1. एचटीएमएल डोम शीर्षक वस्तु

    एचटीएमएल में एचटीएमएल डोम टाइटल ऑब्जेक्ट तत्व का प्रतिनिधित्व करता है। एक बनाना तत्व var titleObject = document.createElement(“TITLE”) यहाँ, “titleObject” निम्नलिखित गुण हो सकते हैं - संपत्ति विवरण text दस्तावेज़ के तत्व का मान सेट/रिटर्न करता है आइए शीर्षक टेक्स्ट .

  1. एचटीएमएल डोम उल ऑब्जेक्ट

    एचटीएमएल में एचटीएमएल डोम उल ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक बनाना तत्व var ulObject = document.createElement(“UL”) यहां, “ulObject” निम्न गुण हो सकते हैं लेकिन HTML5 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची