【JavaScript】複数の<li>から奇数の<li>だけ取得したい

  • に限らず複数のNode(要素)から奇数の要素だけ取得したい場合には、JavaScriptを利用したい。

       <ul>
          <li>item</li>
          <li>item</li>
          <li>item</li>
          <li>item</li>
          <li>item</li>
          <li>item</li>
        </ul>
    
      const a = document.querySelectorAll('li:nth-child(odd)');
      console.log(a); //NodeList(3) [li, li, li]
    


    以下のようにすれば、複数の

  • から奇数の
  • にだけ文字列を書き込むこともできる。

      document.querySelectorAll('li:nth-child(odd)').forEach(li => {li.textContent = 'Hello!';
      });
    
    //実行結果
    Hello!
    item
    Hello!
    item
    Hello!
    item