在 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）。 最簡單的方法是什么？