note

【JavaScript】getElementByClassNameとquerySelectorAllはどう違うの？

`getElementByClassName`と`querySelectorAll`はどちらもHTMLドキュメントから要素を選択するために使用されるJavaScriptのメソッドですが、いくつかの重要な違いがあります。 getElementByClassName 使い方: ...
note

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

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

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

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

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

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

[JavaScript] コロン(:)の入った属性で要素セレクタを行う方法

条件としては、属性セレクタが容易なquerySelector()またはquerySelectorAll()を使用する。 単純にdocument.querySelectorAll("[goods:id]")といった指定ではis not a valid selectorというエラーが発生してしまう。 これを回避するには下記のようにコロンの前にエスケープ(二重 ...