Element: localName プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

Element.localName は読み取り専用プロパティで、要素の修飾名のローカル部分を返します。

返値

文字列で、要素の修飾名の、ローカル部分を示します。

例

（text/xml やapplication/xhtml+xml のような、XML のコンテンツタイプで送出される必要があります。）

xml

<html xmlns="http://www.w3.org/1999/xhtml"      xmlns:svg="http://www.w3.org/2000/svg"><head>  <script type="application/javascript"><![CDATA[  function test() {    const text = document.getElementById('text');    const circle = document.getElementById('circle');    text.value = "<svg:circle> has:\n" +                 "localName = '" + circle.localName + "'\n" +                 "namespaceURI = '" + circle.namespaceURI + "'";  }  ]]></script></head><body onload="test()">  <svg:svg version="1.1"    width="100px" height="100px"    viewBox="0 0 100 100">    <svg:circle cx="50" cy="50" r="30"/>  </svg:svg>  <textarea rows="4" cols="55"/></body></html>

メモ

ノードのローカル名とは、ノードの修飾名の、コロンの後に続く部分です。 XML において修飾名は、一般に特定の XML 文書の名前空間の一部として使われます。例えば、ecomm:partners という修飾名において、partners はローカル名、ecomm は接頭辞です。

xml

<ecomm:business type="brick_n_mortar" xmlns:ecomm="http://example.com/ecomm">  <ecomm:partners>    <ecomm:partner>Tony's Syrup Warehouse    </ecomm:partner>  </ecomm:partner></ecomm:business>

メモ:このプロパティは内部 DOM ストレージの大文字小文字を忠実に返しますが、tagName プロパティは HTML DOM における HTML 要素でを大文字で返します。