Hướng dẫn how to get attribute name in javascript - cách lấy tên thuộc tính trong javascript

Phương thức getAttribute() của giao diện


<div id="div1">Hi Champ!div>
0 trả về giá trị của một thuộc tính được chỉ định trên phần tử.getAttribute() method of the

<div id="div1">Hi Champ!div>
0 interface returns the value of a specified attribute on the element.

Nếu thuộc tính đã cho không tồn tại, giá trị được trả về sẽ là


<div id="div1">Hi Champ!div>
1 hoặc

<div id="div1">Hi Champ!div>
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ố

  • 
    <div id="div1">Hi Champ!div>
    
    3 là tên của thuộc tính có giá trị bạn muốn nhận được.

Giá trị trả về

Một chuỗi chứa giá trị của


<div id="div1">Hi Champ!div>
3.

Ví dụ


<div id="div1">Hi Champ!div>

// 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ề


<div id="div1">Hi Champ!div>
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


<div id="div1">Hi Champ!div>
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


<div id="div1">Hi Champ!div>
8:

let nonce = script.nonce;

Thông số kỹ thuật

Sự chỉ rõ
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ênYêu cầu. Tên của thuộc tính.
The name of the attribute.


Giá trị trả về

Loại hìnhSự mô tả
TênYêu cầu. Tên của thuộc tính.

<div id="div1">Hi Champ!div>
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ápThông sốTham sốSự mô tảTênYêu cầu. Tên của thuộc tính.
Giá trị trả vềLoại hìnhGiá 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
8

var 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à

<div id="div1">Hi Champ!div>
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
1

var 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

Làm cách nào để nhận được một thuộc tính phần tử?

Phương thức HTML DOM getAttribution () được sử dụng để nhận giá trị của thuộc tính của phần tử. Bằng cách chỉ định tên của thuộc tính, nó có thể nhận được giá trị của phần tử đó. Để có được các giá trị từ các thuộc tính không chuẩn, chúng ta có thể sử dụng phương thức getAttribution (). is used to get the value of the attribute of the element. By specifying the name of the attribute, it can get the value of that element. To get the values from non-standard attributes, we can use the getAttribute() method.

Làm thế nào để bạn có được giá trị thuộc tính dữ liệu của một phần tử trong JavaScript?

Cách tiếp cận: Đầu tiên, chọn phần tử có thuộc tính dữ liệu.Chúng tôi có thể sử dụng thuộc tính Dataset để có quyền truy cập vào các thuộc tính dữ liệu hoặc sử dụng.phương thức getAttribution () để chọn chúng bằng cách gõ cụ thể tên của chúng.use the dataset property to get access to the data attributes or use the . getAttribute() method to select them by specifically typing their names.

Thuộc tính được đặt tên là gì?

Một thuộc tính được đặt tên là một thuộc tính nguyên tử được xác định trong ngôn ngữ truy vấn.Nó có thể là một đối tượng (ví dụ: mục) hoặc thiết bị đầu cuối (ví dụ: PK).Ngôn ngữ truy vấn xác định mười một thuộc tính đối tượng được đặt tên: Mục.Thể loại, vị trí, cha mẹ, con.an atomic attribute that is defined in the query language. It can be either an object (for example, item) or a terminal (for example, pk). The query language defines eleven named object attributes: item. category, location, parent, child.

Giá trị thuộc tính JavaScript là gì?

Đị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ố.specifies the current value of the gauge. For elements, the value attribute specifies how much of the task has been completed. For elements, the value attribute specifies the value of the parameter.