Attr: thuộc tính 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.

Thuộc tính chỉ đọc name của giao diện Attr trả về tên đủ điều kiện của một thuộc tính, tức là tên của thuộc tính, với tiền tố không gian tên nếu có, nằm ở phía trước. Ví dụ, nếu tên cục bộ là lang và tiền tố không gian tên là xml, thì tên đủ điều kiện được trả về là xml:lang.

Tên đủ điều kiện luôn ở dạng chữ thường, bất kể chữ hoa hay chữ thường khi tạo thuộc tính.

Giá trị

Một chuỗi biểu diễn tên đủ điều kiện của thuộc tính.

Ví dụ

Ví dụ sau hiển thị tên đủ điều kiện của thuộc tính đầu tiên trong hai phần tử đầu tiên, khi chúng ta nhấn vào nút tương ứng.

HTML

html
<svg xml:lang="vi" class="struct" height="1" width="1">Click me</svg>
<label xml:lang="vi" class="struct"></label>

<p>
  <button>Show value for &lt;svg&gt;</button>
  <button>Show value for &lt;label&gt;</button>
</p>

<p>
  Tên đủ điều kiện của thuộc tính <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++;
}

Thông số kỹ thuật

Specification
DOM
# dom-attr-name

Tương thích trình duyệt

Xem thêm

  • Các thuộc tính Attr.localName, trả về phần cục bộ của tên đủ điều kiện của thuộc tính, và Attr.prefix, tiền tố không gian tên.
  • Thuộc tính Element.tagName(), trả về tên đủ điều kiện của một Element.