querySelectorAll returns null

Asked Mar 05 '20 at 21:08

Active Mar 05 '20 at 21:11

Viewed 19 times

I am trying to select all P tags, but when I console log it returns zero. Any ideas why?

p = document.querySelectorAll("p")
console.log(p)

The result is empty nodelist

my html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Plan your project</title>
    <link rel="stylesheet" href="assets/styles/style.css">
    <script src="assets/scripts/app.js"></script>
</head>
<body>
    <p class="card"></p>
    <p class="card"></p>
</body>
</html>

edited Mar 05 '20 at 21:11

Quentin

800,325
104
1,079
1,205

asked Mar 05 '20 at 21:08

shane_00

1

Perhaps your script runs before the DOM is ready? – Mark Mar 05 '20 at 21:11
1

Ensure that the query is performed after the HTML is loaded. – Miaplacidus Mar 05 '20 at 21:11
(Rolled back the edit which removed the problem from the code) – Quentin Mar 05 '20 at 21:11
yes, I had to move my script to the bottom of the file – shane_00 Mar 05 '20 at 21:12

querySelectorAll returns null

0 Answers0