【JavaScript】 指定タグ内の要素を取得する方法

今回は、liタグ内のテキストを取得して配列に入れてみる。

getElementsByTagName()でターゲットとなるタグを指定して配列に代入する。
配列に代入したテキストをループ処理でアラート出力する。

【html】

<ul>
	<li>1つ目のliタグです</li>
	<li>2つ目のliタグです</li>
	<li>3つ目のliタグです</li>
</ul>

【javascript】

<script>
	// 指定タグ内の要素を配列に代入
	var elements = document.getElementsByTagName("li");
	
	// 配列の要素をループ処理で出力
	for(i = 0; i < elements.length; i++){
		alert(elements[i].innerHTML);
	}
</script>

【実行】

指定タグ(liタグ)内に記述した要素を取得し、順番に出力した。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>