Javascript querySelectorは、一致するオブジェクトを反復処理し、.innerHTMLを使用します。

Question

私は以下のコードを使用して、DOM内の要素のマッチングを繰り返してきました。しかし、これは明らかに.innerHTMLや.innerTextのようなものを使いたい場合にはうまくいきません。私は反復処理しようとしている

let courseList = document.querySelectorAll(".course"); 
    for (let course of courseList) { 

    course.querySelector('.course-number').innerText("Test"); 

    } 

これらのオブジェクトは、次のようになります。

<div class="course"> 
    <div class="course-number">1</div> 
</div> 
<div class="course"> 
    <div class="course-number">2</div> 
</div> 

私はこのエラーを取得する：

Uncaught TypeError: course.querySelector(...).innerText is not a function(…)

私はこの仕事をするために何ができますか？

Answer 1

innerTextとinnerHTMLはいずれも機能がありませんが、機能はありません。したがって、値は以下のように割り当てられます。

let courseList = document.querySelectorAll(".course"); 
 
    for (let course of courseList) { 
 

 
    course.querySelector('.course-number').innerText = "Test"; 
 
    //course.querySelector('.course-number').innerHTML = "Test"; 
 

 
    }

<div class="course"> 
 
    <div class="course-number">1</div> 
 
</div> 
 
<div class="course"> 
 
    <div class="course-number">2</div> 
 
</div>