【JavaScript】すべての子要素を削除するときは、cloneNode(false) して replaceChild するのが多分いちばん速い。
【JavaScript】すべての子要素を削除するときは、cloneNode(false) して replaceChild するのが多分いちばん速い。
// 前提: // <div> // <span id="childSpan">foo bar</span> // </div> // ID も属性も内容も持たない空要素を生成 const sp1 = document.createElement("span"); // 生成したノードに id 属性 'newSpan' を付与 sp1.id = "newSpan"; // 新しい要素にいくらかの内容を作成 const sp1_content = document.createTextNode("新しい置換 span 要素"); // その内容を新しい要素に適用 sp1.appendChild(sp1_content); // 置き換えられる既存のノードの参照を作る const sp2 = document.getElementById("childSpan"); const parentD
DOMException.code 非推奨 読取専用 古いエラーコード定数のいずれか、または一致するものがない場合は 0 を返します。 DOMException.message 読取専用 文字列で、指定したエラー名に関連付けられたメッセージまたは説明を返します。 DOMException.name 読取専用 文字列で、エラー名に関連付けられた文字列のいずれかを返します。 これは、一般的なエラー名の一覧です。API によっては独自の名前を定義しているものもありますので、必ずしも完全なリストではありません。 なお、以下の歴史的な非推奨のエラーにはエラー名がありませんが、古い定数コード値、古い定数名のみがあります。 古いコード値: 2、古い定数名: DOMSTRING_SIZE_ERR 古いコード値: 6、古い定数名: NO_DATA_ALLOWED_ERR 古いコード値: 16、古い定数名:
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
dispatchEvent() は EventTarget のメソッドで、 Event をそのオブジェクトへ送り、関連するイベントリスナーを(同期的に)適切に起動させます。通常のイベント処理ルール(キャプチャとオプションのバブリングフェーズを含む)は dispatchEvent() で手動で配信されたイベントにも適用されます。 dispatchEvent() の呼び出しは、イベントを発行させるための最後のステップです。イベントは既に Event() コンストラクターを使って作成され、初期化されているはずです。
UI EventsMouseEventConstructorMouseEvent()Static propertiesWEBKIT_FORCE_AT_FORCE_MOUSE_DOWN Non-standard WEBKIT_FORCE_AT_MOUSE_DOWN Non-standard Instance propertiesaltKeybuttonbuttonsclientXclientYctrlKeylayerX Non-standard layerY Non-standard metaKeymovementXmovementYmozInputSource Non-standard offsetXoffsetYpageXpageYrelatedTargetscreenXscreenYshiftKeywebkitForce Non-standard xyInstance methodsg
非推奨: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。 Event.initEvent() メソッドは、 Document.createEvent() を使用して作成されたイベント (event) の値を初期化するために使用します。 この方法で初期化されたイベントは、 Document.createEvent() メソッドで作成されている必要があります。 このメソッドは EventTarget.dispatchEvent() を使用してイベントが配信される前に、イベン
Document Object ModelDocumentコンストラクターDocument()インスタンスプロパティactiveElementadoptedStyleSheets (en-US)alinkColor 非推奨 all 非推奨 anchors 非推奨 applets 非推奨 bgColor 非推奨 bodycharacterSetchildElementCountchildren (en-US)compatModecontentTypecookiecurrentScriptdefaultViewdesignModedirdoctypedocumentElementdocumentURIdomain 非推奨 embedsfeaturePolicy Experimental fgColor 非推奨 firstElementChild (en-US)fontsformsfragmen
Document Object ModelEventコンストラクターEvent()インスタンスプロパティbubblescancelablecancelBubble 非推奨 composedcurrentTargetdefaultPreventedeventPhaseexplicitOriginalTarget Non-standard isTrustedoriginalTarget Non-standard returnValue 非推奨 srcElement 非推奨 targettimeStamptypeインスタンスメソッドcomposedPath()initEvent() 非推奨 preventDefault()stopImmediatePropagation()stopPropagation()DOM に関連するページAbortControllerAbortSignalAbstrac
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ!ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの!? めっちゃ簡単(で、ちょっとだけ適当)なDOM 3 XPath の説明をします><。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね? DOM 3 XPath
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く