JavaScript 要素の取得に関して

Question

下記のHTMLコードの中の、**<dt class="question_txt">**要素を全て取り出したいのですが、
上手くいかないです。

<section id =qanda>

      <div id =qa-wrapper>
      <h2>よくあるご質問</h2>

      <dl class="qa">
            <dt class="question_txt" data-hoge="q3"><span class="qicon">Q</span>矯正治療の費用を教えてください.また、学生ローンは組むことが出来ますか？</dt>
            <dd id="toggle1" class="answer_txt" style="display:none;">
              <p><span>A:</span>一括払のみの対応となります。費用は、110万円(税込)となっております</p>
            </dd>

            <dt class="question_txt" data-hoge="q3"><span class="qicon">Q</span>目安の治療期間を教えてください.過去の患者のbefore,afterも知りたいです。</dt>
            <dd id="toggle2" class="answer_txt" style="display:none;">
              <p><span>A:</span>３年から４年が目安になります。患者様の経過状況は
              <a href="#">こちら</a>で公開しております。</p>
              </dd>

            <dt class="question_txt" data-hoge="q3"><span class="qicon">Q</span>矯正治療の費用を教えてください.また、学生ローンは組むことが出来ますか？</dt>
            <dd id="toggle3" class="answer_txt" style="display:none;">
              <p><span>A:</span>一括払のみの対応となります。費用は、110万円(税込)となっております。</p>
            </dd>

            <dt class="question_txt" data-hoge="q3"><span class="qicon">Q</span>矯正治療の費用を教えてください.また、学生ローンは組むことが出来ますか？</dt>
            <dd id="toggle4" class="answer_txt" style="display:none;">
              <p><span>A:</span>一括払のみの対応となります。費用は、110万円(税込)となっております。</p>
            </dd>
      </dl>

</div>
</section>
<script src="js/access.js"></script>

私の記述したJSコードは、

  const qa = document.querySelectorAll("question_txt");
  console.log(qa);

なのですが、コンソールしても、中身がnullと返されてしまいます。何故でしょうか？

Comments

[kei344]

JavaScriptのコードが切れています。別のエラーが出るので、質問文の修正お願いします。

Answer 1

// const qa = document.querySelectorAll("question_txt");
//                                       ↓
   const qa = document.querySelectorAll(".question_txt");

【Document.querySelectorAll() - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll

Answer 2

ありがとうございました。