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

HTML DOM Subscript ऑब्जेक्ट


HTML DOM Subscript ऑब्जेक्ट HTML दस्तावेज़ के <sub> तत्व को दर्शाता है।

आइए देखें कि सबस्क्रिप्ट ऑब्जेक्ट कैसे बनाते हैं:

वाक्य रचना (Syntax)

निम्नलिखित वाक्य रचना है:

document.createElement("SUB");

उदाहरण

आइए HTML DOM सबस्क्रिप्ट ऑब्जेक्ट का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
    body { 
        text-align: center; 
        background-color: #fff; 
        color: #0197F6; 
    } 
    h1 { 
        color: #23CE6B; 
    } 
    .btn { 
        background-color: #fff; 
        border: 1.5px dashed #0197F6; 
        height: 2rem; 
        border-radius: 2px; 
        width: 60%; 
        margin: 2rem auto; 
        display: block; 
        color: #0197F6; 
        outline: none; 
        cursor: pointer; 
    } 
</style> </head> <body> 
<h1>DOM सबस्क्रिप्ट ऑब्जेक्ट डेमो</h1> 
<button onclick="createSub()" class="btn">एक सबस्क्रिप्ट ऑब्जेक्ट बनाएं</button> 
<script> 
    function createSub() { 
        var subElement = document.createElement("SUB"); 
        subElement.innerHTML = "यह एक सबस्क्रिप्ट तत्व है" 
        document.body.appendChild(subElement); 
    } 
</script> </body> </html>

आउटपुट

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

HTML DOM Subscript ऑब्जेक्ट

"एक सबस्क्रिप्ट ऑब्जेक्ट बनाएं" बटन पर क्लिक करके एक सबस्क्रिप्ट ऑब्जेक्ट बनाएं। बटन क्लिक के बाद दिखाई देने वाला टेक्स्ट एक सबस्क्रिप्ट है, जो सामान्य लाइन से आधा कैरेक्टर नीचे दिखाई देता है:

HTML DOM Subscript ऑब्जेक्ट


  1. HTML DOM dl ऑब्जेक्ट HTML DOM dl ऑब्जेक्ट

    HTML DOM dl ऑब्जेक्ट HTML <dl> तत्व से जुड़ा होता है। <dl> तत्व विवरण सूची (description list) बनाने के लिए होता है। dl ऑब्जेक्ट का उपयोग करके हम JavaScript का उपयोग करके <dl> तत्व को डायनामिकली बना और एक्सेस कर सकते हैं। सिंटैक्स विवरण सूची बनाने के लिए सिंटैक्स: var p = document.

  1. HTML DOM HR ऑब्जेक्ट HTML DOM HR ऑब्जेक्ट

    विवरण HTML DOM HR ऑब्जेक्ट HTML दस्तावेज़ के तत्व को दर्शाता है। HR ऑब्जेक्ट बनाएं सिंटैक्स document.createElement(HR); उदाहरण आइए hr ऑब्जेक्ट का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { text-align: center; background-color: #fff; color: #0197F6;

  1. HTML DOM Ul ऑब्जेक्ट HTML DOM Ul ऑब्जेक्ट

    HTML DOM Ul ऑब्जेक्ट HTML में <ul> एलिमेंट को दर्शाता है। <ul> एलिमेंट बनाना var ulObject = document.createElement(UL) यहां, ulObject के निम्नलिखित गुण हो सकते हैं लेकिन HTML5 में समर्थित नहीं हैं - गुणविवरण compactअनऑर्डर्ड लिस्ट को सामान्य से छोटा प्रदर्शित करना चाहिए या नहीं, सेट