querySelector

by s_hiroshi

HTML

<ul>
  <li class="foo">テスト1</li>
  <li class="foo">テスト2</li>
</ul>

<button id="btn">Click</button>

JavaScript

document.addEventListener('DOMContentLoaded', (event) => {
   const elems = document.querySelectorAll('.foo');
   elems.forEach((elem, index) => {
    console.log(elem.textContent);
    // console.log(this); // Windowオブジェクト
  });
  
  // event handler
  
  const btn = document.querySelector('#btn');
  btn.addEventListener('click', (event) => {
      console.log(this); // Window
  })
});