JavaScript は属性を取得および設定するメソッドを設定します_JavaScript のヒント

getAttribute

このメソッドは要素の属性を取得するために使用されます。呼び出しメソッドは次のとおりです:

コードをコピーします コードは次のとおりです:

object.getAttribute(属性)

前に紹介したいくつかのメソッドとは異なり、getAttribute メソッドはドキュメント オブジェクトに属さないため、ドキュメント オブジェクトを通じて呼び出すことはできません。要素ノード オブジェクトを通じてのみ呼び出すことができます。

このメソッドはパラメータを 1 つだけ受け入れます。クエリする属性の名前を指定します。指定されたプロパティが設定されていない場合、結果は null オブジェクトになります。

setAttribute

上記の逆は setAttribute で、要素ノードの属性を設定するために使用されます。呼び出しメソッドは次のとおりです:

コードをコピーします コードは次のとおりです:

object.setAttribute(属性)

このメソッドは、設定する属性であるパラメーターを 1 つだけ受け入れます。

多読

setAttribute でドキュメントを変更した後、ブラウザのソース表示オプションでドキュメントのソース コードを表示すると、変更前の値が表示されます。つまり、setAttribute による変更はソースに反映されません。ドキュメント自体のコード。この「外観と内部の不一致」現象は、DOM の動作モードに起因します。つまり、ドキュメントの静的コンテンツが最初に読み込まれ、次に動的に更新されますが、動的更新はドキュメントの静的コンテンツには影響しません。これが DOM の真の能力です。ブラウザ内のページを更新せずにページのコンテンツを更新します。

上記の 2 つのメソッドは、DOM レベル 1 の新しい API です。これらが表示される前に、たとえば次のような別のメソッドで実装できます

属性の取得:

コードをコピーします コードは次のとおりです:

var val = element.attribute //属性を取得します

上記は

と同等です

コードをコピーします コードは次のとおりです:

var val = element.getAttribute('属性');

プロパティを設定します:

コードをコピーします コードは次のとおりです:

element.attribute = "新しい値";

と同等です

コードをコピーします コードは次のとおりです:

element.setAttribute("属性", "新しい値");

キーボード入力を減らして怠惰にしたい場合は、上記の方法をお勧めしますが、ベスト プラクティスは DOM 標準を尊重すること、つまり setAttribute と getAttribute を使用することです。

上記はこの記事の全内容です。必要な方はぜひ読んでください。