javascript - 如何使用 DOM Maniplunation 附加 mathJax 段落？

Question

我一直在努力理解这个页面上的文档 https://docs.mathjax.org/en/v1.0/typeset.html但我似乎无法让它发挥作用。

如果我在静态 HTML 页面上输入表达式，效果很好，但如果我尝试以这种方式附加段落:

let para = document.createElement("P");
let testExp =  document.createTextNode("$$ testexpression \cdot \frac{2}{3}$$");
para.appendChild(testExp);
document.getElementById("sampleDoc").append(para);

表达式仅显示为字符串。我知道人们以前问过类似的问题，但我找不到对我有帮助的东西。

如果有人能解释为什么它不能以这种方式工作，但如果我在静态 HTML 页面上编写与段落相同的表达式，则效果很好

亲切的问候

Answer 1

createTextNode 仅创建纯文本节点。您没有在代码中调用排版函数，因此它永远不会改变。您可以添加这一行:

MathJax.Hub.Queue(["Typeset", MathJax.Hub, "sampleDoc"]);

这对 MathJax 的排版功能进行排队，如文档中所述。它会检查您的文档并进行必要的更改。最后一个参数是要排版的特定元素的 ID。您可以将其省略以排版整个文档。

您不需要在静态页面上执行任何此操作，因为 MathJax 在加载时会自动运行排版功能。