Attr: name 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

Attr 接口的只读 name 属性返回属性的限定名称，即属性的名称，前面带有命名空间前缀（如果存在）。例如，如果本地名称是 lang，命名空间前缀是 xml，则返回的限定名称是 xml:lang。

限定名称始终是小写形式，无论在创建属性时的大小写如何。

值

一个代表属性限定名称的字符串。

示例

下面的示例显示了在点击相应按钮时，前两个元素第一个属性的限定名称。

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>Show value for &lt;svg&gt;</button>
  <button>Show value for &lt;label&gt;</button>
</p>

<p>
  Qualified name of the attribute <code>xml:lang</code>:
  <output id="result">None.</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.name;
  });
  i++;
}

规范

规范
DOM # dom-attr-name

浏览器兼容性

另见

Attr.localName 属性，返回属性限定名称的本地部分，以及 Attr.prefix 属性，即命名空间前缀。
Element.tagName() 属性，返回 Element 的限定名称。

帮助改进 MDN

了解如何贡献

此页面最后修改于 2023年5月22日，由 MDN 贡献者。

在 GitHub 上查看此页面 • 报告此内容的错误