Node.localName | Web API

在此页

句法
范例
注意事项
规范
浏览器兼容性
另请参阅
相关话题

过时
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

Node.localName read-only property returns the local part of the qualified name of this node.

In DOM4 this API was moved from 节点 到 元素 and Attr 接口。

句法

name = element.localName

名称 is the local name as a string (see 注意事项 below for details)

范例

(Must be served with XML content type, such as text/xml or application/xhtml+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() {
    var text = document.getElementById('text');
    var 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>

注意事项

The local name of a node is that part of the node's qualified name that comes after the colon. Qualified names are typically used in XML as part of the namespace(s) of the particular XML documents. For example, in the qualified name ecomm:partners , partners is the local name and ecomm is the prefix:

<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:partners>
</ecomm:business>

注意： 在 Gecko 1.9.2 and earlier, the property returns the upper-cased version of the local name for HTML elements in HTML DOMs (as opposed to XHTML elements in XML DOMs). In later versions, in compliance with HTML5, the property returns in the case of the internal DOM storage, which is lower case for both HTML elements in HTML DOMs and XHTML elements in XML DOMs. The tagName property continues to return in the upper case for HTML elements in HTML DOMs.

For nodes of any type 除了 ELEMENT_NODE and ATTRIBUTE_NODE localName is always null .

规范

规范	状态	注释
DOM (文档对象模型) 3 级核心规范 The definition of 'Node.localName' in that specification.	过时
DOM (文档对象模型) 级别 2 核心规范 The definition of 'Node.localName' in that specification.	过时	初始定义

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`localName` 弃用非标	Chrome ? — 46 不支持 ? — 46 This API was moved to the `元素` and `Attr` APIs according to the DOM4 standard.	Edge 12 — 79 不支持 12 — 79 This API was moved to the `元素` and `Attr` APIs according to the DOM4 standard.	Firefox 1 — 48 不支持 1 — 48 This API was moved to the `元素` and `Attr` APIs according to the DOM4 standard.	IE ?	Opera ?	Safari ?	WebView Android ? — 46 不支持 ? — 46 This API was moved to the `元素` and `Attr` APIs according to the DOM4 standard.	Chrome Android ? — 46 不支持 ? — 46 This API was moved to the `元素` and `Attr` APIs according to the DOM4 standard.	Firefox Android 45	Opera Android Yes	Safari iOS Yes	Samsung Internet Android ? — 5.0 不支持 ? — 5.0 This API was moved to the `元素` and `Attr` APIs according to the DOM4 standard.

图例

完整支持
不支持
兼容性未知 ?
非标。预期跨浏览器支持较差。
弃用。不要用于新网站。

另请参阅

元数据

最后修改： Apr 3, 2020

DOM (文档对象模型)
节点
特性
1. baseURI
2. baseURIObject
3. childNodes
4. firstChild
5. isConnected
6. lastChild
7. ~~localName~~
8. ~~namespaceURI~~
9. nextSibling
10. nodeName
11. ~~nodePrincipal~~
12. nodeType
13. nodeValue
14. outerText
15. ownerDocument
16. parentElement
17. parentNode
18. ~~prefix~~
19. previousSibling
20. ~~rootNode~~
21. textContent
方法
继承：
1. EventTarget
DOM 相关页面

在此页

句法

范例

注意事项

规范

浏览器兼容性

图例

另请参阅

相关话题