javascript - JS support() 在 html 中显示标签

Question

我正在使用 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。

Answer 1

我的猜测是，您正在通过元素的 .textContent 属性将 outputtext[2] 插入到页面中。这会将字符串按原样插入到元素中，而不将其解析并呈现为 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]);