Latest web development tutorials

HTML DOMアクセス

HTML DOMへのアクセス - HTML要素を見つけます。


アクセスHTML要素(ノード)

アクセス・ノードへの同等のアクセスHTML要素

あなたは、HTML要素にアクセスするための別の方法ですることができます:

  • getElementByIdを()メソッドを使用して
  • getElementsByTagNameの()メソッドを使用して
  • getElementsByClassName()メソッドを使用して

getElementByIdを()メソッド

getElementByIdを()メソッドは、指定されたIDを持つ要素を返します。

文法

node.getElementById("id");

次の例では、ID = "イントロ"要素を取得します:

document.getElementById("intro");

»をお試しください


getElementsByTagNameの()メソッド

getElementsByTagNameの()は、指定されたタグ名を持つすべての要素を返します。

文法

node.getElementsByTagName("tagname");

次の例では、すべての<p>要素が含まれているドキュメントのリストを返します。

例1

document.getElementsByTagName("p");

»をお試しください

次の例では、すべての<p>要素が含まれているドキュメントのリストを返し、<p>要素は、子孫のid = "main"の要素(子、日、等)する必要があります:

例2

document.getElementById("main").getElementsByTagName("p");

»をお試しください


getElementsByClassName()メソッド

あなたは、同じクラス名を持つすべてのHTML要素を見つけたい場合は、このメソッドを使用します。

document.getElementsByClassName("intro");

上記の例のクラス= "イントロ"すべての要素を含むリストを返します:

注:のgetElementsByClassName()は、Internet Explorerで5,6,7,8-に有効ではありません。