連想配列（オブジェクト）には、lengthプロパティが無い。そこで連想配列（オブジェクト）の要素数を知るにはObject.keys()用いると便利である。 例えば、上記のオブジェクトの要素数を得るには、次のようにする。 …続きを読む→

Navigation Timing API を使用して判別 window.performance.navigationオブジェクトは 2 個の属性を格納しており、ページの読み込みが何によって起こされたか (リダイレクト、 …続きを読む→

JavaScriptでjQueryのempty()のような要素内を空にする方法がないかと調べると、次のようにinnerHTMLで要素に空文字を入れることで実現できることがわかりました。 忘れないように記録しておきます。

querySelectorAllで取得した要素オブジェクトをfor･･inを使って配列順に処理しようとしたが、意図したように動作しない。 調べてみると、querySelectorAllでは要素オブジェクト群以外にleng …続きを読む→

insertAdjacentHTML()は、HTMLノードを DOM ツリー内の指定された位置に挿入する。 insertAdjacentText()は、テキストノードを、DOM ツリー内の指定された位置に挿入する。 in …続きを読む→

JavaScriptでelement.classListを使用すると要素に紐付いた class 属性のリストを返し、以下のメソッドを使用することができる。 classNameプロパティではクラス名を追加するときは、ele …続きを読む→

HTMLのinputタグのtype属性をnumberにすると数値入力欄になる。 この数値入力欄からJavaScriptで次のように値を取得すると、数値文字列として得られてしまった。 そこで色々と調べて、数値入力欄から数値 …続きを読む→

HTMLのフォーム内容を変更した後、リロードしてもフォーム内容が初期に戻らないことがある。 このようなときは、フォーム要素をresetメソッドを使って初期化すると、初期状態に戻る。 resetメソッドは、JavaScri …続きを読む→

JSON.stringifyはオブジェクトをjson文字列に変換する。 次の例は、オブジェクトをjson文字列に変換して表示する。 HTML javascript 変換後のjson文字列

JSON.parseはjson文字列をオブジェクトに変換する。 次の例は、'{“name”: “山元太郎”, “age”: 63,”ma …続きを読む→