HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>querySelectorAll replacement</title>
</head>
<body>
  <main><p>Modern DOM query demo</p></main>
  <pre id="out"></pre>
  <script>
    var modern = document.querySelectorAll("*");
    document.getElementById("out").textContent = [
      "querySelectorAll length: " + modern.length,
      "first nodeName: " + modern[0].nodeName,
      "document.all length: " + document.all.length
    ].join("\n");
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Document.all — querySelectorAll replacement (Try It)