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

HTML DOM ने ऑब्जेक्ट पर जोर दिया

<घंटा/>

HTML DOM पर बल दिया गया ऑब्जेक्ट HTML तत्व से जुड़ा है। तत्व का उपयोग कुछ पाठ पर जोर देने के लिए किया जाता है और यह उस पाठ को इटैलिक में चिह्नित करता है। आप क्रमशः createElement () या getElementById () विधि का उपयोग करके जोर देने वाली वस्तु बना और एक्सेस कर सकते हैं।

सिंटैक्स

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

एक ज़ोरदार वस्तु बनाना -

var e = document.createElement("EM");

उदाहरण

आइए हम जोर देने वाली वस्तु के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>emphasized object example</h1>
<p>Create an em element by clicking the button below</p>
<button onclick="createEM()">CREATE</button>
<br><br>
<script>
   function createEM() {
      var e = document.createElement("EM");
      var txt = document.createTextNode("HELLO WORLD");
      e.appendChild(txt);
      document.body.appendChild(e);
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM ने ऑब्जेक्ट पर जोर दिया

क्रिएट बटन पर क्लिक करने पर -

HTML DOM ने ऑब्जेक्ट पर जोर दिया

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

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

createEM () विधि दस्तावेज़ ऑब्जेक्ट की createElement () विधि का उपयोग करके एक तत्व बनाती है। यह तब तत्व को चर ई को निर्दिष्ट करता है और दस्तावेज़ ऑब्जेक्ट के createTextNode () विधि का उपयोग करके कुछ पाठ के साथ एक टेक्स्ट नोड बनाता है। टेक्स्ट नोड को तब तत्व में जोड़ा जाता है। अंत में तत्व को टेक्स्ट नोड के साथ परिशिष्ट चाइल्ड () विधि का उपयोग करके दस्तावेज़ के शरीर में जोड़ा जाता है -

function createEM() {
   var e = document.createElement("EM");
   var txt = document.createTextNode("HELLO WORLD");
   e.appendChild(txt);
   document.body.appendChild(e);
}

  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 . में समर्थित नहीं हैं - संपत्ति विवरण कॉम्पैक्ट इससे सेट/रिटर्न होता है कि क्या अनियंत्रित सूची