composedPath()で一気に遡る（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 11日目） | Ginpen.com
知名度が低いウェブ標準ひとり Advent Calendar 2021 – 11 日目 今日は event.composedPath() です。jQuery の parents() を思い出します。 Event.composedPath() – Web APIs | MDN デモ：https://codepen.io/ginpei/pen/ExwgeNd 基本的な使い方 イベントが発火した要素 event.target から順に要素のパス？の根本までの要素オブジェクトを配列で返します。 el.addEventListener('click', (event) => { console.log(event.composedPath()); // => [button, span#elButton, p, header, article, body, html, document, Windo
querySelectorAllしてmapしたいとき[...すると短い - hitode909の日記
表示中のHTMLから情報を雑に抜き出して利用するため，ブラウザのデベロッパツールなどでquerySelectorAllしてmapしたい．しかし，querySelectorAllはNodeListを返すので，mapするにはArrayに変換する必要がある． NodeListをArrayに変換するときに短く書く方法ないですかって同僚に聞いたらいろいろ教えてもらえたのでメモ． Array.prototype.slice.callする オーソドックスな手法．昔からこれを書いていて，長くて困っていた．最近はアロー関数を使えるのでちょっと短くなったけど長い． Array.prototype.slice.call(document.querySelectorAll('a')).map(a => a.href) [].slice.callする Array.prototypeのかわりに[]で書く．ちょっと短い
JavaScriptで何番目の要素か確認する方法
2017/08/09 JavaScriptでその要素が、ある集合の中で何番目にあるかを知りたい場合は、配列メソッドのindexOf()を利用するのがお手軽です。HTMLCollectionから配列を作成してやる必要があります。 サンプルコード#targetのli要素が、何番目に配置されているかを取得する例です。番号は0から数えます。 <ul> <li>あ</li> <li>い</li> <li id="target">う</li> <li>え</li> <li>お</li> </ul>// 要素が含まれる集合オブジェクト (HTMLCollectionなど) var elements = document.getElementsByTagName( "li" ) ; // 番号を知りたい要素 var element = document.getElementById( "target" )
querySelectorAll()の結果はNodeListだけどforEach()が使える仕様です。（配列とかおれおれAdvent Calendar2018 – 11日目） | Ginpen.com
phpやmysql情報 [php]配列に要素を挿入、置換する関数array_splice
配列の指定した位置に要素を挿入、置換するにはarray_spliceという関数が使えます。 [挿入する場合の記述例] $arr = array('Tokyo', 'Yokohama', 'Kyoto'); // 第２引数は挿入する位置、第３引数は削除する数を表す。 array_splice($arr, 2, 0, array('Nagoya')); var_dump($arr); [結果] array(4) { [0] => string "Tokyo" [1] => string "Yokohama" [2] => string "Nagoya" [3] => string "Kyoto" } [置換する場合の記述例] $arr = array('Tokyo', 'Yokohama', 'Kyoto'); // 第２引数は挿入する位置、第３引数は削除する数を表す。 array_splic
jQueryのeachと$.eachの簡単な使い方のメモ – bl6.jp
jQueryのeachと$.eachの使い方のメモです。あんまり深い知識はないので簡単な使い方ですが。。基本的にはeachは指定した要素を繰り返し処理してくれるのに対し、$.eachは配列やオブジェクトを指定して1つずつ処理してくれます。例えば、ある親要素の子要素を指定してeachで1つずつ配列に格納して、その配列を$.eachで処理したりといったこともできますね。こんな使い方でいいのかわかりませんが。以下サンプルコードです。 [ads_center] こんな感じのマークアップがあったとします。 <div id="sample"> <p>sample</p> <p>sample</p> <p>sample</p> <p>sample</p> </div> で、eachを使って#sampleの子要素pに順番をつけて、配列を作りたい場合は以下のようにしてあげるといいかもしれません。 var a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
属性の操作はsetAttribute()とかremoveAttribute()とか、あとattributesで。（DOMおれおれAdvent Calendar 2015 – 07日目） | Ginpen.com