Attr: name プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

name は Attr インターフェイスの読み取り専用プロパティで、属性の修飾名、すなわち属性名に、名前空間接頭辞があればそれが前に付いたものが返されます。例えば、ローカル名が lang で名前空間接頭辞が xml であった場合、返される修飾名は xml:lang になります。

修飾名は、属性が作成されたときの大文字小文字に関わらず、常に小文字になります。

値

この属性の修飾名を表す文字列です。

例

次の例では、適切なボタンをクリックすると、 2 つの最初の要素の最初の属性の修飾名が表示されます。

HTML コンテンツ

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> 属性の修飾名:
  <output id="result">なし。</output>
</p>

JavaScript コンテンツ

js
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.name;
  });
  i++;
}

結果

仕様書

Specification
DOM Standard
# dom-attr-name

ブラウザーの互換性

BCD tables only load in the browser

関連情報