files/ja/web/api/node/localname/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

---
title: Node.localName
slug: Web/API/Node/localName
tags:
  - DOM
  - Gecko
  - Gecko DOM Reference
  - Node
  - 要更新
translation_of: Web/API/Node/localName
---
<p>{{ ApiRef() }}</p>
<h3 id=".E6.A6.82.E8.A6.81" name=".E6.A6.82.E8.A6.81">概要</h3>
<p>このノードの修飾名のローカル部分を返します。</p>
<h3 id=".E6.A7.8B.E6.96.87" name=".E6.A7.8B.E6.96.87">構文</h3>
<pre class="eval"><em>name</em> = <em>element</em>.localName
</pre>
<ul>
 <li><code>name</code> は文字列でのローカル名です(詳細は下の{{ Anch("注記") }} を参照してください)</li>
</ul>
<h3 id=".E4.BE.8B" name=".E4.BE.8B">例</h3>
<p>(<code>text/xml</code> や <code>application/xhtml+xml</code> のような XML コンテンツタイプで提供されなくてはなりません。)</p>
<pre class="eval">&lt;html xmlns="<span class="nowiki">http://www.w3.org/1999/xhtml</span>"
      xmlns:svg="<span class="nowiki">http://www.w3.org/2000/svg</span>"&gt;
&lt;head&gt;
  &lt;script type="application/javascript"&gt;&lt;![CDATA[
  function test() {
    var text = document.getElementById('text');
    var circle = document.getElementById('circle');

    text.value = "&lt;svg:circle&gt; has:\n" +
                 "localName = '" + circle.localName + "'\n" +
                 "namespaceURI = '" + circle.namespaceURI + "'";
  }
  ]]&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body onload="test()"&gt;
  &lt;svg:svg version="1.1"
    width="100px" height="100px"
    viewBox="0 0 100 100"&gt;
    &lt;svg:circle cx="50" cy="50" r="30" style="fill:#aaa" id="circle"/&gt;
  &lt;/svg:svg&gt;
  &lt;textarea id="text" rows="4" cols="55"/&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<h3 id=".E6.B3.A8.E8.A8.98" name=".E6.B3.A8.E8.A8.98">注記</h3>
<p>ノードのローカル名はノードの修飾名のコロン(:)の後ろの部分です。修飾名は特定の XML 文書の名前空間の一部として XML の中で特に使われます。例えば、修飾名 <code>ecomm:partners</code> の中で <code>partners</code> がローカル名で <code>ecomm</code> が接頭辞です。</p>
<pre>&lt;ecomm:business id="soda_shop" type="brick_n_mortar"&gt;
  &lt;ecomm:partners&gt;
    &lt;ecomm:partner id="1001"&gt;Tony's Syrup Warehouse
    &lt;/ecomm:partner&gt;
  &lt;/ecomm:partner&gt;
&lt;/ecomm:business&gt;
</pre>
<p><span class="comment">Needs to be reworded; right now it's wrong. -Nickolay The prefix&amp;mdash;in this case, "ecomm"&amp;mdash;defines the namespace in which the local name can be used.</span></p>
<p> {{ gecko_minversion_note("1.9.2", "Firefox 3.5 およびそれ以前では、このプロパティは HTML DOM 中の HTML 要素については大文字のローカル名を返します（XML DOM 中の XHTML 要素については小文字のローカル名を返します）。 Firefox 3.6 以降のバージョンでは、 HTML 5 との互換性のため、内部的な DOM ストレージにおける大文字/小文字で返します。つまり、 HTML DOM と XML DOM の両方において、 HTML 要素は小文字のローカル名となります。 tagName プロパティは、 HTML DOM 中の HTML 要素についても今まで通り大文字のローカル名を返します。") }}</p>
<p><code>ELEMENT_NODE</code> と <code>ATTRIBUTE_NODE</code> 以外の<a href="/ja/DOM/element.nodeType" title="ja/DOM/element.nodeType">種類</a>全てに属すノードでは、常に <code>localName</code> は <code>null</code> です。</p>
<h3 id=".E5.8F.82.E7.85.A7" name=".E5.8F.82.E7.85.A7">参照</h3>
<p><a href="/ja/DOM/element.namespaceURI" title="ja/DOM/element.namespaceURI">element.namespaceURI</a></p>
<h3 id=".E4.BB.95.E6.A7.98" name=".E4.BB.95.E6.A7.98">仕様</h3>
<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-NodeNSLocalN">DOM Level 2 Core: Node.localName</a></p>