JavaScript学習ノートの(二)
939 ワード
処理ノード
1処理要素ノード
ブラウザの中のレンダリングの構造のため、JavaScriptの性能に影響して、特にDOMを遍歴しています.文書の内容に位置決めするために必要なノード数をできるだけ減らす必要があります.いくつかの異なるDOMアクセス方式を習得し、最も効果的なアクセスポイントを見つけ、ノードへのアクセスが速くなり、ユーザー体験がより良くなります.
1.1 IDに基づいて要素を位置決めする
1.2ラベル名に基づいて要素を位置決めする
Dcument.getElementsByTagName(「ノード」)
1.3クラスの属性によって元素を位置決めする
Dcument.getElemnents ByClass Name(「クラス名」);
1.4 cssセレクタを使用してノードを位置決めする
querySelectorAll()とquerySelectorall()の2つの方法を使用して、querySelectorAll()の方法はNodeListを返しますが、querySelector()の方法は最初の整合要素を返します.
2処理属性ノード
2.1属性の取得
まずhasAttribute()の方法を使って属性が存在するかどうかを判断して、getAttribute()の方法を使って、一つのパラメータを受けると、必要な属性名があります.
2.2属性の設定
setAttribute()を使うには、2つのパラメータが必要で、最初に設定する属性名と、2番目に設定する属性値が必要です.
2.3属性の削除
まずhasAttribute()の方法を使って属性が存在するかどうかを判断して、それからremoveAttribute()の方法を使って削除します.
1処理要素ノード
ブラウザの中のレンダリングの構造のため、JavaScriptの性能に影響して、特にDOMを遍歴しています.文書の内容に位置決めするために必要なノード数をできるだけ減らす必要があります.いくつかの異なるDOMアクセス方式を習得し、最も効果的なアクセスポイントを見つけ、ノードへのアクセスが速くなり、ユーザー体験がより良くなります.
1.1 IDに基づいて要素を位置決めする
<div id="header">
<p>ID </p>
</div>
Dcument.getElemenntById*(「header」)1.2ラベル名に基づいて要素を位置決めする
Dcument.getElementsByTagName(「ノード」)
1.3クラスの属性によって元素を位置決めする
Dcument.getElemnents ByClass Name(「クラス名」);
1.4 cssセレクタを使用してノードを位置決めする
querySelectorAll()とquerySelectorall()の2つの方法を使用して、querySelectorAll()の方法はNodeListを返しますが、querySelector()の方法は最初の整合要素を返します.
2処理属性ノード
2.1属性の取得
まずhasAttribute()の方法を使って属性が存在するかどうかを判断して、getAttribute()の方法を使って、一つのパラメータを受けると、必要な属性名があります.
2.2属性の設定
setAttribute()を使うには、2つのパラメータが必要で、最初に設定する属性名と、2番目に設定する属性値が必要です.
2.3属性の削除
まずhasAttribute()の方法を使って属性が存在するかどうかを判断して、それからremoveAttribute()の方法を使って削除します.