Phương thức getAttribute[]
của giao diện
0 trả về giá trị của một thuộc tính được chỉ định trên phần tử.
Hi Champ!
getAttribute[]
method of the
0 interface returns the value of a specified attribute on the element.
Hi Champ!
Nếu thuộc tính đã cho không tồn tại, giá trị được trả về sẽ là
Hi Champ!
1 hoặc
Hi Champ!
2 [chuỗi trống]; Xem các thuộc tính không tồn tại để biết chi tiết.Cú pháp
getAttribute[attributeName]
Thông số
3 là tên của thuộc tính có giá trị bạn muốn nhận được.Hi Champ!
Giá trị trả về
Một chuỗi chứa giá trị của
Hi Champ!
3.Ví dụ
Hi Champ!
// in a console
const div1 = document.getElementById['div1'];
//=> Hi Champ!
const exampleAttr= div1.getAttribute['id'];
//=> "div1"
const align = div1.getAttribute['align']
//=> null
Sự mô tả
Vỏ thấp hơn
Khi được gọi trên một phần tử HTML trong một DOM được gắn cờ dưới dạng tài liệu HTML, getAttribute[]
Case Lower Case đối số của nó trước khi tiến hành.
Các thuộc tính không tồn tại
Tất cả các trình duyệt web hiện đại trả về
Hi Champ!
1 khi thuộc tính được chỉ định không tồn tại trên phần tử được chỉ định.Truy xuất các giá trị không
Vì lý do bảo mật, CSP không phải là từ các nguồn không kịch bản, chẳng hạn như bộ chọn CSS và các cuộc gọi
Hi Champ!
7 bị ẩn.let nonce = script.getAttribute['nonce'];
// returns empty string
Thay vì truy xuất Nonce từ thuộc tính Nội dung, hãy sử dụng thuộc tính
Hi Champ!
8:let nonce = script.nonce;
Thông số kỹ thuật
DOM Standard # ref-for-dom-orement-getTribution① # ref-for-dom-element-getattribute① |
Tính tương thích của trình duyệt web
Bảng BCD chỉ tải trong trình duyệt
Định nghĩa và sử dụng cho các phần tử, thuộc tính giá trị chỉ định giá trị hiện tại của máy đo. Đối với các phần tử, thuộc tính giá trị chỉ định số lượng nhiệm vụ đã được hoàn thành. Đối với các phần tử, thuộc tính giá trị chỉ định giá trị của tham số.
Ví dụ
Nhận giá trị của thuộc tính lớp của một phần tử:
Đặt văn bản = phần tử.getAttribution ["class"];
Nhận giá trị của thuộc tính đích của một phần tử:
Đặt văn bản = myAnchor.getAttribution ["Target"];
Hãy tự mình thử »
Thêm ví dụ dưới đây.
Định nghĩa và cách sử dụng
Phương thức getAttribute[]
trả về giá trị của thuộc tính của một phần tử.
Cú pháp
element.getAttribute[name]
Thông số
Tham số | Sự mô tả |
Tên | Yêu cầu. Tên của thuộc tính. The name of the attribute. |
Giá trị trả về
Loại hình | Sự mô tả |
Tên | Yêu cầu. Tên của thuộc tính. 1 if the attribute does not exist.
|
Giá trị trả về
Loại hình
Sợi dây
Hãy tự mình thử »
Thêm ví dụ dưới đây.
Định nghĩa và cách sử dụng
Phương thức getAttribute[]
trả về giá trị của thuộc tính của một phần tử.
Cú pháp | Thông số | Tham số | Sự mô tả | Tên | Yêu cầu. Tên của thuộc tính. |
Giá trị trả về | Loại hình | Giá trị trả về | Giá trị trả về | Giá trị trả về | Giá trị trả về |
Để có được một nút của các nút phù hợp với bộ chọn
var list = document.querySelectorAll['[myAttribute]'];
// in a console
const div1 = document.getElementById['div1'];
//=> Hi Champ!
const exampleAttr= div1.getAttribute['id'];
//=> "div1"
const align = div1.getAttribute['align']
//=> null
2 sẽ giống như mảng nhưng không kế thừa từ mảng. Bạn có thể lặp lại nó bằng // in a console
const div1 = document.getElementById['div1'];
//=> Hi Champ!
const exampleAttr= div1.getAttribute['id'];
//=> "div1"
const align = div1.getAttribute['align']
//=> null
3 và // in a console
const div1 = document.getElementById['div1'];
//=> Hi Champ!
const exampleAttr= div1.getAttribute['id'];
//=> "div1"
const align = div1.getAttribute['align']
//=> null
4Để có được tên
var nnm = elem.attributes;
// in a console
const div1 = document.getElementById['div1'];
//=> Hi Champ!
const exampleAttr= div1.getAttribute['id'];
//=> "div1"
const align = div1.getAttribute['align']
//=> null
5 sẽ giống như mảng nhưng không kế thừa từ mảng. Bạn có thể lặp lại nó bằng // in a console
const div1 = document.getElementById['div1'];
//=> Hi Champ!
const exampleAttr= div1.getAttribute['id'];
//=> "div1"
const align = div1.getAttribute['align']
//=> null
3 và // in a console
const div1 = document.getElementById['div1'];
//=> Hi Champ!
const exampleAttr= div1.getAttribute['id'];
//=> "div1"
const align = div1.getAttribute['align']
//=> null
7Để nhận giá trị của một thuộc tính trên một phần tử, sử dụng
// in a console
const div1 = document.getElementById['div1'];
//=> Hi Champ!
const exampleAttr= div1.getAttribute['id'];
//=> "div1"
const align = div1.getAttribute['align']
//=> null
8var val = elem.getAttribute['myAttribute'];
// in a console
const div1 = document.getElementById['div1'];
//=> Hi Champ!
const exampleAttr= div1.getAttribute['id'];
//=> "div1"
const align = div1.getAttribute['align']
//=> null
9 sẽ là
Hi Champ!
1 nếu không có thuộc tính như vậyĐể kiểm tra sự tồn tại của một thuộc tính trên phần tử sử dụng
let nonce = script.getAttribute['nonce'];
// returns empty string
1var b = elem.hasAttribute['myAttribute'];
let nonce = script.getAttribute['nonce'];
// returns empty string
2 sẽ là một giá trị boolean, let nonce = script.getAttribute['nonce'];
// returns empty string
3 hoặc let nonce = script.getAttribute['nonce'];
// returns empty string
4