タグ

javascriptとdocument.queryselectorに関するnabinnoのブックマーク (2)

  • "レガシー"と言われないためのJavaScript再入門

    追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現

    "レガシー"と言われないためのJavaScript再入門
  • Javascript querySelector、querySelectorAll

    document.querySelector 概要 与えられたクラスの最初の要素を返します。 element = document.querySelector( selectors ); element は element オブジェクトを表します。 例: var el = document.querySelector(".myClass"); 複数同じクラスが存在しても返ってくる要素は最初の要素となります。 よく間違えるのが querySelecterと記述してしまいます。。。正しくは querySelector となります。(間違えない?) 単発でクラスを取得する場合はgetElementsByClassName()を利用した方が高速と記されます。 また、一つしかない場合はクラスの指定ではなくidを用いてgetElementsById()を利用し取得した方がより処理が高速と言われています

  • 1