ホームページ > ウェブフロントエンド > CSSチュートリアル > getElementsByTagname(W3C DOM COREメソッド)

getElementsByTagname(W3C DOM COREメソッド)

William Shakespeare
リリース: 2025-02-26 10:26:14
オリジナル
198 人が閲覧しました

getElementsByTagName (W3C DOM Core method)

getElementsByTagname(W3C DOM COREメソッド)

を返します nodeList

var paragraphs = document.getElementByTagName('p');
ログイン後にコピー

上記の例では、現在のドキュメント内のp要素のコレクションへの参照を取得し、変数段落に保存します。返されたコレクションはliveです。つまり、それが表すHTMLの変更は、再び取得することなく、すぐにコレクションに反映されることを意味します。

この方法は、特定の要素内にある要素への参照を取得するために、文脈的に使用することもできます。

したがって、その例の
var items = list.getElementByTagName('li');
ログイン後にコピー
リスト

がUL要素である場合、項目変数は、そのリスト内にあるすべてのLI要素のコレクションを参照します。 要素は、ドキュメントに表示される線形順序で取得されます。それらは、DOMの平坦化されたビューに対応しています。したがって、前の例では、リストがこのHTMLに対応していた場合:

返されたコレクションは次の順序で行われます。
<ul>
  <li>Cheeses
    <ul>
      <li>Edam</li>
      <li>Gouda</li>
      <li>Cheddar</li>
    </ul>
  </li>
  <li>Hams
    <ul>
      <li>Prosciutto</li>
      <li>Parma</li>
      <li>Salami</li>
    </ul>
  </li>
</ul>
ログイン後にコピー

[0]チーズ

    [1] edam
  1. [2] gouda
  2. [3] Cheddar
  3. [4] hams
  4. [5]プロシュート
  5. [6]パルマ
  6. [7] salami
  7. 引数
  8. 名前(domstring) 必須 一致する要素のtagname。値 *はすべての要素と一致します。
説明

DOMツリーに表示される線形順序で、このドキュメントまたは要素の子孫である特定のタグ名を持つすべての要素の順序付けられたリストを取得します。 返されたコレクションは、ゼロから数値的に開始されるノードの順序付けられたコレクションです。一致する要素がない場合は、メンバーがゼロのコレクションです。

コレクションは配列ではありません

コレクションは配列のように見えますが、それは配列ではありません。それを繰り返して、そのメンバーを配列のように参照することはできますが、プッシュやポップなどの配列メソッドを使用することはできません。
return値

一致したすべての要素を含むノデリスト。要素が見つからない場合、これはメンバーがゼロのリストになります。

getelementsbytagnameメソッドに関するよくある質問(FAQ)
for loopまたはfor…of loopを使用して、要素をループすることができます。コレクションはライブであることを忘れないでください。そのため、ループ内の要素を追加または削除する場合は、予期しない結果を避けるためにこれを考慮する必要があるかもしれません。

以上がgetElementsByTagname(W3C DOM COREメソッド)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート