元素：localName 属性

Element.localName 只读属性返回元素的限定名的本地部分。

值

表示元素的限定名的本地部分的字符串。

示例

（必须使用 XML 内容类型提供，例如 text/xml 或 application/xhtml+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" style="fill:#aaa" id="circle"/>
  </svg:svg>
  <textarea id="text" rows="4" cols="55"/>
</body>
</html>

注释

节点的本地名称是节点的限定名中冒号后的部分。限定名通常在 XML 中用作特定 XML 文档的命名空间的一部分。例如，在限定名 ecomm:partners 中，partners 是本地名称，而 ecomm 是前缀

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

注意：虽然该属性返回内部 DOM 存储的大小写，为小写，但请注意 tagName 属性在 HTML DOM 中针对 HTML 元素返回大写。

规范

规范
DOM 标准
# ref-for-dom-element-localname①

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅