javascript data属性(data-*)を全て取得する
- 2022.11.23
- javascript
javascriptで、data属性(data-*)を取得するサンプルコードを記述してます。「スプレッド構文」を使用すれば簡単にオブジェクトとして取得可能です。 環境 Javascript サンプル集はこちら data属性(data-*)を取得 data属性(data-*)を取得するには1. スプレ […]
javascript
javascript ダークモードであるかを判定する
- 2022.11.22
- javascript
javascriptで、ダークモードであるかを判定するサンプルコードを記述してます。「window.matchMedia」がサポートされていれば判定することが可能です。 環境 Javascript サンプル集はこちら ダークモードであるかを判定 ダークモードであるかを判定するには1. 「window […]
javascript 配列の各要素の出現回数をカウントする
- 2022.11.22
- javascript
javascriptで、配列の各要素の出現回数をカウントするサンプルコードを記述してます。結果はオブジェクトとして取得するので、値をオブジェクトのキーとして設定して同じ値であればインクリメントしてカウントしていきます。 環境 Javascript サンプル集はこちら 各要素の出現回数をカウント 各要 […]
javascript エラー「Uncaught TypeError: xxx.appendChild is not a function」の解決方法
- 2022.11.21
- javascript
javascriptで、エラー「Uncaught TypeError: xxx.appendChild is not a function」が発生した場合の原因と解決方法を記述してます。「HTMLCollection」にそのまま「appendChild」を使用した場合に発生します。「chrome」や […]
javascript オブジェクトの配列から指定したプロパティを削除する
- 2022.11.21
- javascript
javascriptで、オブジェクトの配列から指定したプロパティを削除するサンプルコードを記述してます。「forEach」などでループ処理を行い、各オブジェクトに対して「delete」で削除します。 環境 Javascript サンプル集はこちら 指定したプロパティを削除 指定したプロパティを削除す […]
javascript エラー「Uncaught TypeError: xxx.getBoundingClientRect is not a function」の解決方法
- 2022.11.20
- javascript
javascriptで、エラー「Uncaught TypeError: xxx.getBoundingClientRect is not a function」が発生した場合の原因と解決方法を記述してます。「HTMLCollection」に直接「getBoundingClientRect」を使用した […]
javascript エラー「Uncaught TypeError: xxx.toDateString is not a function」の解決方法
- 2022.11.19
- javascript
javascriptで、エラー「Uncaught TypeError: xxx.toDateString is not a function」が発生した場合の原因と解決方法を記述してます。日付オブジェクト以外に「toDateString」を使用した場合に発生します。「chrome」や「firefox […]
javascript JSON.stringifyは「undefined」が削除されてしまう
- 2022.11.19
- javascript
javascriptでオブジェクトをjson形式の文字列に変換する「JSON.stringify」は「value」に「undefined」が存在すると削除されます。また、「関数」や「Symbol」も同様に削除されます。 環境 Javascript サンプル集はこちら 「undefined」が削除され […]
javascript オブジェクトの最初の値を取得する
- 2022.11.18
- javascript
javascriptで、オブジェクトの最初の値を取得するサンプルコードを記述してます。「Object.values」で値を配列化して「shift」で最初の値を取得します。keyと値(value)を配列で取得する場合は「Object.entries」を使用します。 環境 Javascript サンプル […]
javascript テキストフォームにフォーカス時に最後の値の位置に移動する
- 2022.11.18
- javascript
javascriptで、フォームにフォーカス時に最後の値の位置に移動するサンプルコードを記述してます。「length」を使用して長さから最終位置を取得して、それを選択範囲として「setSelectionRange」で使用することで可能です。 環境 Javascript サンプル集はこちら 最後の値の […]