JS_javascript スキルで HTML オブジェクトを取得するいくつかの方法の紹介

document.getElementById("zx");

ID によって HTML 要素オブジェクトを取得します。ID 番号は HTML ドキュメント内で一意である必要があります。返されるのは要素オブジェクトのみです。すべてのブラウザに互換性があります。

document.getElementsByTagName("span")[0];

タグを通じて HTML オブジェクトを検索します。HTML タグはページ内で何度も繰り返される可能性があるため、現在のページは配列を返します。ラベルが表示される場所に基づいて要素を配置できるオブジェクト。すべてのブラウザに互換性があります。

document.getElementsByName("hh")[0];

name 属性を使用して HTML オブジェクトを検索します。すべてのタグに name 属性があるわけではありませんが、人為的に name 属性を追加して、名前属性を検索できるようにすることもできます。name 属性は複数存在する可能性があるため、それらは一意ではありません。 。したがって、このメソッドは配列も返します。同様に、HTML 内の名前の位置に従って名前を配置することもできます。 IEシリーズには互換性がないため推奨しません。

innerHTML: このメソッドは、HTML 要素

の特定の HTML コードを取得します。

document.getElementById("zx").innerHTML;

要素の HTML コードを更新することもできます:

document.getElementById("zx").innerHTML="デートに行きましょう~";