HTML | DOM 上标对象

HTML DOM 中的上标对象用于表示 HTML ^{元素。可以使用 getElementById() 访问上标元素。
句法：}

document.getElementById("id") 

其中 id 分配给 ^{标签。
例子 ：}

html

    
        
            HTML DOM superscript Object
        
    
     
    
     
        
            GeeksForGeeks
        
         
        DOM superscript Object
 
         
Acomputer science
        portal for geeks.
 
         
        Click Here
         
        
        
            function Geeks() {
                var txt = document.getElementById("sup_scr");
                txt.style.color = "green";
            }
        

输出：
点击按钮前：

点击按钮后：

示例 2：可以使用 document.createElement 方法创建上标对象。

html

    
        
            HTML DOM superscript Object
        
    
     
    
     
        
            GeeksForGeeks
        
         
        DOM superscript Object
 
        
            Click Here!
        
         
        
         
        A  portal for geeks.
         
        
        function Geeks() {
            var txt = document.createElement("SUP");
            var t = document.createTextNode("computer science");
            txt.appendChild(t);
            document.getElementById("p").appendChild(txt);
        }
        

                   

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 歌剧
• IE浏览器
• 谷歌浏览器
• 火狐
• 苹果Safari