ywork2020.com

Title

要素の名前を取得する

目次 (INDEX)

tagNameとは

ここで説明するtagName とは次の語句からなるjavascriptのプロパティです。
tag
読み: タグ
意味: 付け札、下げ札、標識札
name
読み: ネーム
意味: 名前

目次に戻る

tagNameプロパティの概要

このプロパティは、要素の名前を取得することができます。
なお、取得値は標準的な大文字となります。

これは、Node.nodeName プロパティから得た値と同じです。

このプロパティは読み取り専用です。

目次に戻る

構文

サンプルを見る前に構文を確認しておきます。

var strElementName = Element.tagName;

目次に戻る

サンプルコードと実行結果

ここでは、output要素を題材にしました。 この要素のタグネームを要素のコンテンツに出力します。

サンプルコード: HTML
<body>
	<output id="idOutput">innerText</output>
</body>
  • 02: output (識別子=idOutput をもつ要素です。)
サンプルコード: script
<script>
	let elmOutput = document.getElementById("idOutput");
	elmOutput.innerText = elmOutput.tagName;
</script>
  • 02: elmOutput (識別子=idOutput をもつ要素をElementオブジェクトとして取得します。)
  • 03: 代入処理 (innerTextプロパティにtagNameプロパティの値を代入します。)
実行結果:

innerText

目次に戻る