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

HTML DOM स्पैन ऑब्जेक्ट

<घंटा/>

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

सिंटैक्स

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

स्पैन ऑब्जेक्ट बनाना -

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

उदाहरण

आइए स्पैन ऑब्जेक्ट के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>Span object example</h1>
<p>Create a span element by clicking the below button</p>
<button onclick="createSpan()">CREATE</button>
<p>This is some text inside a p element</p>
<script>
   function createSpan() {
      var s = document.createElement("SPAN");
      var txt = document.createTextNode("This is some text inside the span element");
      s.appendChild(txt);
      document.body.appendChild(s);
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM स्पैन ऑब्जेक्ट

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

HTML DOM स्पैन ऑब्जेक्ट


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

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

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

    HTML में HTML DOM ऑब्जेक्ट ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व। एक तत्व बनाना var objectElement = document.createElement(“OBJECT”) यहां, “ऑब्जेक्ट एलीमेंट में निम्नलिखित गुण हो सकते हैं - संपत्ति विवरण data ऑब्जेक्टलेमेंट द्वारा उपयोग किए जा रहे संसाधन का URL सेट/रिटर्न

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

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