要素名(タグ名)で要素オブジェクトを取得

| 2007年09月14日 14:35

IDではなくタグの名前でオブジェクトを取得したい場合、getElementsByTagNameを利用する。

サンプル

クリックでid="gEBTN" 内のliオブジェクトを取得してHTMLを含むliの中身をid="gEBTNresult"に書き出す。


<script language="javascript" type="text/javascript">
	function Test(){
		var li = document.getElementById("gEBTN").getElementsByTagName("li");
		var result = document.getElementById("gEBTNresult");	
		for($i=0; $i<li.length; $i++){
			result.innerHTML += "<li>" + li[$i].innerHTML + "<\/li>";
		}
	}
</script>

<div id="gEBTN">
<ul>
<li>getElementsByTagNameのテスト</li>
<li>getElementsByTagNameのテスト2</li>
<li><span class="redbold">getElementsByTagNameのテスト3</span></li>
</ul>
</div>
<ul id="gEBTNresult">
</ul>
<p><a href="javascript:;" onclick="Test()">クリック</a></p>

実行結果

  • getElementsByTagNameのテスト
  • getElementsByTagNameのテスト2
  • getElementsByTagNameのテスト3

クリック

注意事項

getElementsByTagNameは取得要素を配列で返しますがArrayオブジェクトではないようです。lengthや添え字は使えますがメソッドが使えない・・・

なんかよくわからん・・・

要素名(タグ名)で要素オブジェクトを取得タグ:

トラックバック
  • http://www.kantenna.com/cgi-bin/mt/mt-tb.cgi/154
コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)





この情報を登録しますか?

このサイトは次のライセンスで保護されています。

Creative Commons License

Kantenna by Kantenna_Admin is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.1 Japan License.
IT業界、エンジニア関連の求人
Web業界に精通したエージェントなので、希望に合った仕事、プロジェクト、雇用形態を紹介してくれてしっかりと転職活動をサポートしてくれます。
初心者のみ採用！【スノーグラス】ＷＥＢ系エンジニア募集
初心者のみのweb系エンジニア求人!なんでだ?そろそろ転職考えてるのでここ行ってみようかな・・・
Twitter Updates