如何使用javascript按鈕將mathjax方程式添加到html頁面中

Question

假設我想使用MathJax在網頁上生成隨機分數，我可能會這樣寫：

function newFrac() {
    a1 = ran(1,20);
    a2 = ran(1,20);
    var txt = "$ \frac{"+a1+"}{"+a2+"} $"
    document.getElementById("a").innerHTML=txt;
}

其中ran（1,20）調用函數生成隨機數。 然后，當用戶點擊按鈕創建一個新分數時，它會在我的網頁上寫下$ \\frac{3}{7} $ ，但我不希望這樣，我希望顯示等式。 我該怎么辦？ 在javascript更改了html之后，我如何告訴它更新？

Answer 1

要在MathJax處理完數據后對頁面上的數學進行評估，您需要通過MathJax.Hub.Queue(["Typeset", MathJax.Hub, el])將調用Typeset隊列MathJax.Hub.Queue(["Typeset", MathJax.Hub, el])其中el是包含所需數學的元素被評估：

function newFrac() {
    a1 = ran(1,20);
    a2 = ran(1,20);
    var txt = "$ \frac{"+a1+"}{"+a2+"} $"
    var el = document.getElementById("a");
    el.innerHTML=txt;
    MathJax.Hub.Queue(["Typeset", MathJax.Hub, el]);
}

有關詳細信息，請參閱在頁面上修改數學 。 如果要更改現有等式，請參閱“ 操作單個數學元素 ”一節。