note

【JavaScript】リスト操作の決定版！querySelectorAllで複数要素をまとめ ...

完全なソースコード、ファイル選択機能の実装デモ、およびNodeListとHTMLCollectionの違いについての詳細な解説は、以下のブログ記事にて公開しています。 【JavaScript】querySelectorAllによる複数要素の一括取得とコレクション操作 Webサイトやアプリケーションを ...
note

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

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

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

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

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

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

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

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