javascript - querySelectorAll 不是函数

Question

我试图在 var articleFirst 中找到所有的参数，但是控制台中的返回消息说“querySelectorAll”不是一个函数。为什么我会收到那个错误？

这是我的 HTML:

<article class="first">     
  <div class="feature parts"> 
    <div class="oferts"> 
      <div class="heart icons"></div> 
        <h1>Build with passion</h1>  
    </div>
  </div>
</article>

这是我的 JavaScript:

var articleFirst = document.querySelectorAll("article.first");
var oferts = articleFirst.querySelectorAll(".oferts");

错误:

Uncaught TypeError: articleFirst.querySelectorAll is not a function

Answer 1

尝试这样做:

var articleFirst = document.querySelectorAll("article.first");
console.log(articleFirst)
var oferts = articleFirst[0].querySelectorAll(".oferts");
console.log(oferts)

通过控制台，您可以看到发生了什么。

或者只是这样做:

document.querySelectorAll("article.first .oferts");

第三副编辑

回答

Why I do get that error?

Quentin’s post has the answer