【JavaScript】querySelector よりもパワフルに DOM からノードを取得しよう！【XPath】 - Qiita

2024/01/26 94 users XPath Qiita DOM ノート JavaScript

const getNodesByXPath = (xpath) => { const evaluator = new XPathEvaluator(); const expression = evaluator.createExpression(xpath); const result = expression.evaluate( document, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, ); return [...Array(result.snapshotLength)].map((_, i) => result.snapshotItem(i)... 続きを読む

jQueryは1個の要素と複数個の要素を同じように書かせる - fsubal

2023/12/15 115 users jQuery fsubal フロントエンド 複数個 https

#フロントエンド #設計 #JavaScript 「1個の要素と複数個の要素を同じように書かせる」というのが実は jQuery の特徴の一つだと思っている。 document.querySelector() や querySelectorAll が出現して以降 jQuery の必要性はほとんどなくなったと言われる。 実際にこんなサイトもあるし https://youmightnotneedjquery.... 続きを読む

HTMLFormElement.submit は validation を無視するし submit イベントを発火しない - 平常運転

2021/07/16 16 users Validation Form submit 平常運転 日記

日記です。タイトルでほぼすべてがオチてしまった。 const form = document.querySelector('form#ultra-form'); form.submit(); みたいな感じで、 <form> を JavaScript から submit することができるんだけど、この HTMLFormElement.submit は HTML Living Standard ではこう定義されている: Submits the form, bypassi... 続きを読む

TypeScript で querySelector メソッドを使うときに型引数を指定する - Hatena Developer Blog

2020/12/12 16 users cohalz TypeScript nanto_vi 型引数

こんにちは、エンジニア職の id:nanto_vi です。(この記事は、はてなエンジニア Advent Calendar 2020 の 12 日目の記事です。昨日は id:cohalz さんによる「Webサービスのモニタリングについてのチェックリスト」でした。) 結論 TypeScript で querySelector、querySelectorAll メソッドを呼び出すときは、型引数を指定... 続きを読む