NodeListとは?

NodeListとは?:

同僚がはまっていました。

私も早合点してはまった事があるので書いておこうと思います。


これは何?

Nodeの集合です。
lengthなどがあるので配列と早合点しそうになりますが(恥ずかしながらしました)、配列とは異なります。

querySelectorAll()の返値や、Node.childNodesのプロパティとして取得できます。


特徴

  • 静的な場合と動的な場合がある。querySelectorAll()の場合は静的なので、取得後に変化があっても変更されません。しかし、Node.childNodesの場合は動的になります。
  • メソッドとしてforEach()をもっているので反復処理が可能です。(https://developer.mozilla.org/ja/docs/Web/API/NodeList/forEach)
  • IEやEdgeでは動作しないメソッドがあるので、要注意です。
*NodeListは静的な場合と動的な場合があるので、ここを理解していないと予期しない問題を発生させると思います。

後は私自身にも言い聞かせますが、配列とは異なります。


参考

NodeList
https://developer.mozilla.org/ja/docs/Web/API/NodeList

IEで NodeList を forEach するとエラーになる問題の対処方
https://qiita.com/snjssk/items/8d179566b023703c0663

コメント

このブログの人気の投稿

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2021-04-30 23:37:32 RSSフィード2021-04-30 23:00 分まとめ(42件)

投稿時間:2023-02-05 02:09:04 RSSフィード2023-02-05 02:00 分まとめ(9件)