Element: tagName プロパティ

この要素のタグ名を示す文字列です。文字列が大文字であるかどうかは、文書型によって変わります。

• HTML 文書を表す DOM ツリーでは、タグ名は常に大文字に正規化されます。例えば、 tagName が <div> 要素で呼び出された場合は、 "DIV" を返します。
• XML の DOM ツリー内にある要素のタグ名は、元の XML ファイルに書かれているのと大文字小文字が同じになります。 XML 文書に "<SomeTag>" タグがあった場合、 tagName プロパティの値は "SomeTag" になります。

Element オブジェクトにおいては、 tagName の値は要素オブジェクトの継承元である Node の nodeName プロパティの値と同じになります。

const span = document.getElementById("born");
console.log(span.tagName);

XHTML（および他の XML 形式）では、元の大文字小文字が保持されるので、元のタグ名が小文字で生成されている場合は "span" が出力されます。 HTML では、元の文書を生成したときに大文字小文字のどちらが使われたかに関わらず、 "SPAN" と出力されます。