スポンサーサイト





上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

  • Comments (Close): -
  • TrackBack (Close): -

getElementsByTagName()

  • Posted by: javascriptmania
  • 2011-05-19 Thu 22:02:54
  • DOM




name属性が設定されていない場合に、要素名(タグの名前)から要素を返すこともできます。

getElementsByTagName('タグの名前')



getElementsByName()メソッドと同様に、同じ名前のタグは複数あるのが通常なので、このメソッドを実行するとリストが返されます。

そしてこのリストの中から、item()メソッドでどのタグを指定したいか特定します。

では、サンプルコードで使い方を見てみましょう。

<html>

<head> <title> </title>

<script type="text/javascript">

function web(){
var list=document.getElementsByTagName('a');
var yahoo=list.item(1);
alert(yahoo.href);

}

</script>


</head>

<body>

<a href="http://www.google.com/">Google</a><br />
<a href="http://www.yahoo.com/">Yahoo!</a><br />
<a href="http://www.twitter.com/">Twitter</a><br />

<button onclick="web()">クリック</button>

</body>

</html>


使い方は getElementsByName()メソッドとほぼ同様ですね。

実行結果 :
20110519_5
関連記事

タグ :

   印刷ボタン       この記事に拍手する       このエントリーをはてなブックマークに追加

Return to page top

Comments:

Comment Form
Only inform the site author.

Trackback+Pingback:

TrackBack URL for this entry
http://javascriptmania.blog111.fc2.com/tb.php/47-218a2398
  • 閉じるボタン
月別アーカイブ
リンク
カテゴリ
RSSリンクの表示
QRコード
QR
最新コメント
最新トラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。