querySelectorAll()で取得した要素をeachで回す５つの方法 - 動かざることバグの如し
例えばhttps://github.com/のような普通のページがあって、そのページ内の全リンクを取得してforeach的な何かで順番に処理していきたいということは全然あると思う。 取得自体は簡単で const links = document.querySelectorAll('a'); で可能。が、流石JS、簡単にはいかなくて、これを回すとなると難しい。document.querySelectorAll()で返ってくるNodeListオブジェクトは単純な配列ではないからである。 ここではNodeListをなんとかしてeachするやり方を残す。 方法１ forのループを使う いつものって感じ var links = document.querySelectorAll('a'); for (var i = 0; i < links.length; i++) { console.log(li
jQuery非依存のVanilla JavaScriptモーダルウィンドウライブラリ Micromodal.js | Hypertext Candy
この記事では、JavaScript モーダルウィンドウライブラリ、Micromodal.js を紹介します。 Micromodal.js は以下の特徴を持っています。 軽量である（1.9 KB！） WAI-ARIA ガイドライン に則ったアクセシビリティ対応 ライブラリに依存しない Pure JavaScript で書かれている スタイルが自由（デフォルトの装飾が適用されていない） CSS が付属されていないのがサイトのテイストに合わせやすくて逆に嬉しいです。jQuery 製のライブラリは結構個性的な装飾ついちゃってること多い気がするので。Pure JavaScript なので Vue や React とも相性が良さそうです。 というわけで、ここから使いかたを紹介していきます。 Micromodal.js の使いかた インストール まずはインストール方法です。npm リポジトリおよび CD
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - haltu/muuri: Infinite responsive, sortable, filterable and draggable layouts