[解決済み] Ext.get()とdocument.getElementById()どっちがいいんだろう?
2022-02-16 03:42:38
質問事項
とはどのような違いがあるのでしょうか?
Ext.get()
と
document.getElementById()
性能面ではどうでしょうか?そうですね
Ext.get()
を内部で呼び出す可能性があるため、より遅くなります。
document.getElementById()
? あるいは
Ext.get()
?
解決方法は?
getElementByIdに対するExt.getの主な利点は、Ext.Elementのインスタンスを返してくれることです。このインスタンスは、getElementByIdが提供するDOMノード参照を含むだけでなく、一連の便利なメソッド、イベントの正規化、クロスブラウザの違いの解消などを提供し、大幅にそれを拡張しています。
表面的には、getElementById は Ext.get と比較して、同じ DOM の呼び出しに至るまでに関数が 1 つ少ないという理由で、わずかな速度向上が見込めるかもしれません。しかし、全体的なパフォーマンスの観点からは、取得後にその要素で行うことは、取得そのものよりもはるかに大きな影響を与える可能性があります。Ext.Elementラッパーを使用することは、非常に有益であることが証明されるかもしれません。
Ext.flyも見ておくとよいでしょう。このメソッドは、Ext.getと似ていますが、シングルトンのExt.Elementインスタンスを返すという点が異なります。しかし、一意のDOMノードに対して一回限りの単純な操作を行うのであれば、Ext.getよりも安く済むかもしれません。
関連
-
[解決済み】Heroku:ノードアプリで「このアプリにはデフォルトの言語が検出されませんでした」エラーがスローされる
-
[解決済み】JavaScriptのgetElementByNameが機能しない
-
[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない 私はどちらも使っていないのですが?
-
[解決済み】 Uncaught Reference Error: stLight is not defined (in Chrome only)
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] SQLiteのINSERT/per-secondのパフォーマンスを向上させる
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Uncaught TypeError: 未定義のプロパティ 'top' を読み込めない
-
[解決済み] 解決済み】clearInterval()が動作しない [重複] [重複]
-
[解決済み】Uncaught ReferenceError。Reactが定義されていない
-
[解決済み】Reactのeslintエラーはpropsの検証で見つからない
-
[解決済み】エラー:リクエストのエンティティが大きすぎる
-
[解決済み] ローカルファイルを開くことができません - Chrome: ローカルリソースのロードが許可されていません
-
[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない 私はどちらも使っていないのですが?
-
[解決済み】TypeError:res.jsonは関数ではありません。
-
[解決済み】HTMLの最初の行に予期しないトークン<がある。
-
[解決済み] Uncaught (in promise) TypeError: フェッチに失敗してCorsエラー