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

HTML DOM Superscript ऑब्जेक्ट


HTML DOM Superscript ऑब्जेक्ट HTML दस्तावेज़ के <sup> एलिमेंट को दर्शाता है।

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

सिंटैक्स

निम्नलिखित सिंटैक्स है:

document.createElement("SUP");

उदाहरण

आइए superscript ऑब्जेक्ट का एक उदाहरण देखें:

<!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 superscript Object Demo</h1> 
<button onclick="createSup()" class="btn">Create a superscript object</button> 
<script> 
    function createSup() { 
        var supElement = document.createElement("SUP"); 
        supElement.innerHTML = "This is a superscript element" 
        document.body.appendChild(supElement); 
    } 
</script> </body> </html>

आउटपुट

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

HTML DOM Superscript ऑब्जेक्ट

Create a superscript object बटन पर क्लिक करके superscript ऑब्जेक्ट बनाएं। बटन पर क्लिक करने के बाद दिखाई देने वाला टेक्स्ट एक सुपरस्क्रिप्ट टेक्स्ट है, जो सामान्य लाइन से आधा कैरेक्टर ऊपर दिखाई देता है:

HTML DOM Superscript ऑब्जेक्ट


  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अनऑर्डर्ड लिस्ट को सामान्य से छोटा प्रदर्शित करना चाहिए या नहीं, सेट