在浏览器上使用mathjax-node无法达到与MathJax相同的效果

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>

<span class="math">\(x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}\)</span>

<math xmlns="http://www.w3.org/1998/Math/MathML">
  <mi>x</mi>
  <mo>=</mo>
  <mfrac linethickness="0">
    <mrow>
      <mo>-</mo>
      <mi>b</mi>
      <mo>&pm;</mo>
      <msqrt>
        <msup>
          <mi>b</mi>
          <mn>2</mn>
        </msup>
        <mo>-</mo>
        <mn>4</mn>
        <mi>a</mi>
        <mi>c</mi>
      </msqrt>
    </mrow>
    <mrow>
      <mn>2</mn>
      <mi>a</mi>
    </mrow>
  </mfrac>
</math>

<script type="text/javascript">
  window.addEventListener("load", function () {
    MathJax.Hub.Queue(["Typeset", MathJax.Hub, document.getElementsByClassName("math")]);
  });
</script>