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

时间:2017-06-03 18:38:12

标签: javascript html

<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.的上标。但它没有正确显示,它显示类似于&#34; 2 sup 0 sup close&#34;标签

1 个答案:

答案 0 :(得分:0)

作为explained by the MDNsup函数已被弃用。我建议你将你的号码包裹在<span></span>中,添加一个sup类并使用css来设置它的样式。