如何使用javascript在动态创建的表中显示上标动态值

Question

<script> 
    var a = new Array(); 
    var table1 = document.createElement('table'); 
    for(i=0;i<10;i++) 
    { 
     j = i.toString(); 
     a = 2+j.sup(); 
    } 

    for(tableIndex=0;tableIndex<10;tableIndex++) 
    { 
     var td1 = document.createElement('td'); 
     var text1 = document.createTextNode(a[tableIndex]);       
     td1.appendChild(text1);        
     tr.appendChild(td1);         
     td1.style.borderStyle = "solid"; 
     td1.style.padding = "10px"; 
    } 
    table1.appendChild(tr); 
</script> 

在此脚本中，我创建了动态表，并且希望行内的值是2的上标。但它没有正确显示，它显示了某些内容比如“2 sup 0 sup close”标签。

Answer 1

由于explained by the MDN，sup函数已被弃用。我建议你在<span></span>中包裹你的号码，添加一个sup类并使用css来设置它。