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 <svg></button>
<button>Show value for <label></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
| Thông số kỹ thuật |
|---|
| 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ộtElement.