Attr: namespaceURI プロパティ

値

文字列で、この属性の名前空間 URI が入ります。この要素が名前空間にない場合は null を返します。

例

次の例は、HTML 要素と SVG 要素の場合で、接頭辞つきの属性の結果を示しています。 HTML は名前空間を扱わないので、この場合、常に null を返します。 SVG 要素の場合は、 XML の名前空間 URI である http://www.w3.org/XML/1998/namespace を返します。

HTML コンテンツ

<svg xml:lang="en-US" class="struct" height="1" width="1">Click me</svg>
<label xml:lang="en-US" class="struct"></label>

<p>
  <button>&lt;svg&gt; の値を表示</button>
  <button>&lt;label&gt; の値を表示</button>
</p>

<p>
  <code>xml:lang</code> 属性の名前空間 URI:
  <output id="result">なし。</output>
</p>

JavaScript コンテンツ

const elements = document.querySelectorAll(".struct");
const buttons = document.querySelectorAll("button");
const outputEl = document.querySelector("#result");

let i = 0;
for (const button of buttons) {
  const element = elements[i];
  button.addEventListener("click", () => {
    const attribute = element.attributes[0];
    outputEl.value = attribute.namespaceURI;
  });
  i++;
}

結果

仕様書

ブラウザーの互換性

関連情報

• Attr.name プロパティはこの属性の修飾名を返し、 Attr.localName プロパティはこの属性の修飾名のローカル名の部分を返し、 Attr.prefix は名前空間接頭辞を返します。
• Element.namespaceURI プロパティは Element について同等のものです。
• Element.setAttributeNS() メソッドは、指定された属性を指定された名前空間で作成します。