note

【JavaScript】document.querySelectorって何なの？

`document.querySelector`は、JavaScriptで使われる非常に便利なメソッドの一つです。このメソッドを使用することで、HTMLドキュメント内の要素をCSSセレクターを用いて簡単に見つけることができます。CSSセレクターとは、HTML要素を指定するためのパターンです。
note

【JavaScript】document.querySelectorAllって何なの？

`document.querySelectorAll`もJavaScriptで使われるメソッドの一つで、`document.querySelector`に似ていますが、いくつかの重要な違いがあります。`document.querySelectorAll`メソッドは、指定されたCSSセレクターにマッチするドキュメント内のすべての要素を返します。この ...
マイナビニュース

2 - 6倍高速化! JavaScript Selectors API querySelectorAll

Mozilla Foundation, JavaScript Evangelist, John Resig氏はJavaScriptの新しいSelectors API querySelectorAllの実装が実にいいパフォーマンスを実現しており、2008年終わりごろにはメジャーな最新Webブラウザがすべて同新実装に対応すると紹介している。JavaScriptプログラマにとって ...
マイナビニュース

getElementsByTagName()がquerySelectorAll()より高速な理由

JavaScriptのNoteListオブジェクトは特殊なオブジェクトだ。同じオブジェクトであるにもかかわらず、動的なオブジェクトと静的なオブジェクトという2種類の実装を持っている。この違いが性能に大きな差を与えている。このあたりの話がWhy is getElementsByTagName ...
GitHub

JS-DOM-practice_querySelector

The second set of DOM getters we'll talk about are querySelector and querySelectorAll. Create a getelements.js in your lab folder and link it in your index.html. Open up queryselector.js in VScode and ...
GitHub

document.querySelector("selector name") & document.querySelectorAll("selector name");

--> So this method is used in cases when you want to select the 1st elements our of many or if you want to select a particular element or a uinque element Note when we are using queryselector and we ...