JS sup()在html中显示标签

时间:2014-11-19 23:59:03

标签: javascript html

我是在Javascript中使用.sup()函数将文本转换为上标。但是,当我加载网页时;它显示文本以及 标签,没有上标的标志。

outputtext[2] = "O(n"+"3".sup()+")";

这是在网页上显示的内容。

O(n<sup>3</sup>)

我希望将3显示为上标。怎么解决?

编辑: 这就是我打印outputarray的内容。

inner.textContent = outputtext[(Math.log(tile.value) / Math.LN2)] || '';

我稍后会单独调用textContent。

2 个答案:

答案 0 :(得分:3)

我的猜测是您通过元素的outputtext[2]属性将.textContent插入到页面中。这会将字符串按原样插入到元素中,而无需解析&amp;将其渲染为HTML。

对于这种情况,有一个innerHTML属性。修改此属性后,它的值将呈现为HTML,并且值中找到的任何标记都将按预期显示。

element.textContent = outputtext[2];  // bad
element.innerHTML = outputtext[2];    // good, will display 3 as superscript

如果您使用的是jQuery,请使用.html()代替.text()

$(ele).html(outputtext[2]);

答案 1 :(得分:1)

输出文本正在获取HTML编码。

您需要显示原始字符串。

你需要说明:

outputtext[2]

可以提供任何进一步的帮助。