属性：name 属性

只读 name 属性 Attr 接口返回属性的限定名称，即属性的名称，如果有命名空间前缀，则在前面加上命名空间前缀。例如，如果本地名称为 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

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++;
}

规范

规范
DOM 标准
# dom-attr-name

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅