aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/element/localname/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'files/ja/web/api/element/localname/index.md')
-rw-r--r--files/ja/web/api/element/localname/index.md85
1 files changed, 85 insertions, 0 deletions
diff --git a/files/ja/web/api/element/localname/index.md b/files/ja/web/api/element/localname/index.md
new file mode 100644
index 0000000000..c676607ad5
--- /dev/null
+++ b/files/ja/web/api/element/localname/index.md
@@ -0,0 +1,85 @@
+---
+title: Element.localName
+slug: Web/API/Element/localName
+tags:
+- API
+- DOM
+- NeedsBrowserCompatibility
+- NeedsMobileBrowserCompatibility
+- プロパティ
+- リファレンス
+browser-compat: api.Element.localName
+translation_of: Web/API/Element/localName
+---
+{{APIRef("DOM")}}
+
+**`Element.localName`** は読み取り専用プロパティで、要素の修飾名のローカル部分を返します。
+
+## 構文
+
+```js
+name = element.localName
+```
+
+### 返値
+
+要素の修飾名の、ローカル部分を示す {{domxref("DOMString")}} です。
+
+## 例
+
+(`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() {
+ 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>
+```
+
+## メモ
+
+ノードのローカル名とは、ノードの修飾名の、コロンの後に続く部分です。 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>
+```
+
+> **Note:** {{Gecko("1.9.2")}} 以前、このプロパティは、HTML DOM における HTML 要素ではローカル名を大文字で返していました(XML DOM における XHTML 要素とは対照的に)。最新バージョンでは HTML5 に従い、このプロパティは内部の DOM ストレージの場合、 HTML DOM における HTML 要素と XHTML DOM における XHTML 要素のいずれも、小文字で返します。{{domxref("element.tagName","tagName")}} プロパティは引き続き、 HTML DOM における HTML 要素では大文字で返します。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("Element.namespaceURI")}}
+- {{domxref("Element.prefix")}}
+- {{domxref("Attr.localName")}}