HTML DOM Span ऑब्जेक्ट

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

सिंटैक्स

Span ऑब्जेक्ट बनाने का सिंटैक्स:

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

उदाहरण

Span ऑब्जेक्ट का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Span object example</h1> 
<p>नीचे दिए गए बटन पर क्लिक करके span एलिमेंट बनाएं</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>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

CREATE बटन पर क्लिक करने पर: