在 HTML 测验问题和答案中显示 XML

Question

我在 XML 文件中有测验的问题和答案：

<question>Question 1?</question>
<answer num="1">Answer 1</answer>
<answer num="2">Answer 2</answer>
<answer num="3">Answer 3</answer>
<answer num="4">Answer 4</answer>

HTML 可能是这样的：

<div id="question-container">
  <div id="question">Question</div>
    <div id="answer-buttons" class="btn-grid">
      <button class="btn">Answer 1</button>
      <button class="btn">Answer 2</button>
      <button class="btn">Answer 3</button>
      <button class="btn">Answer 4</button>
    </div>
</div>

现在我想在 HTML 和 4 个答案中显示我的问题（XML）。 最简单的方法是什么？

Answer 1

我在 XML 文件中有测验的问题和答案：

<question>Question 1?</question>
<answer num="1">Answer 1</answer>
<answer num="2">Answer 2</answer>
<answer num="3">Answer 3</answer>
<answer num="4">Answer 4</answer>

HTML 可能是这样的：

<div id="question-container">
  <div id="question">Question</div>
    <div id="answer-buttons" class="btn-grid">
      <button class="btn">Answer 1</button>
      <button class="btn">Answer 2</button>
      <button class="btn">Answer 3</button>
      <button class="btn">Answer 4</button>
    </div>
</div>

现在我想在 HTML 和 4 个答案中显示我的问题（XML）。 最简单的方法是什么？