querySelector และ querySelectorAll

<h1 id="title">สมุดบันทึก</h1>
<ul class="notes">
  <li>โน้ต 1</li>
  <li>โน้ต 2</li>
</ul>

<script>
  const title = document.querySelector("#title");
  const items = document.querySelectorAll(".notes li");
  console.log(title.textContent);
  console.log(items.length); // 2
</script>