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プロパティの値を代入します。)