コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

document関連 JavaScript

[JavaScript] タグ名からオブジェクトを取得する

投稿日:2016年10月1日 更新日:

タグ名からオブジェクトを取得するには、 document.getElementsByTagNameを使用します。

サンプルソース

例)pタグを全て取得して、pタグ内の文字を表示する

(結果)
犬 熊

※猫はdivタグに囲まれているので対象外となります。

解説

  • document.getElementsByTagNameは、ページ内にある指定したタグ全てのオブジェクトを取得します。
  • 戻り値はHTMLCollection型です。
  • 指定したタグが存在しない場合は、ゼロ件のコレクションが返ります。
    (nullではありません)

スポンサーリンク

スポンサーリンク

-document関連, JavaScript

執筆者:


comment

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

関連記事

[JavaScript] マウスオーバーで画像を切り替える

画像にマウスポインタが当たると画像が変わるサンプルです。 サンプルソース 例)画像(id="img1")にマウスポインタ ...

[JavaScript] 日付を和暦で表示する

日付を和暦で表示するサンプルです。 toLocaleDateStringを使う方法 toLocaleDateString ...

[JavaScript] テキストボックスの初期値を取得する

テキストボックスなどの初期表示時に設定されていた値を取得するには、 defaultValueを使用します。 サンプルソー ...

[JavaScript] 文字列に改行を含める

文字列に改行を含めるサンプル2パターンです。 サンプルソース 例1)文字列に改行を含める(バックスラッシュで囲う方法) ...

[JavaScript] Enterキーでフォーカス移動する

Enterキーでフォーカス移動するサンプルです。 サンプルソース 例)Enterキーを押すとフォーカス移動する [cra ...

スポンサーリンク