JavaScript getAttribute (): Lấy giá trị của một thuộc tính trên một phần tử – lấy thuộc tính giá trị javascript

Trong hướng dẫn này, bạn sẽ học cách sử dụng phương thức getAttribute () của JavaScript để lấy giá trị của một thuộc tính được chỉ định trên một phần tử.

Bạn đang xem : lấy thuộc tính giá trị javascript

Tóm tắt : trong hướng dẫn này, bạn sẽ học cách sử dụng phương thức JavaScript getAttribute () để lấy giá trị của một thuộc tính được chỉ định trên một phần tử.

Giới thiệu về JavaScript < code> getAttribute () phương thức

Để nhận giá trị của một thuộc tính trên một phần tử được chỉ định, bạn gọi phương thức getAttribute () của phần tử:

 

let

value = element.getAttribute (name) ;

Ngôn ngữ mã:

JavaScript

(

javascript

)

Tham số

getAttribute () chấp nhận một đối số là tên của thuộc tính mà bạn muốn trả về giá trị.

Giá trị trả về

Nếu thuộc tính tồn tại trên phần tử, getAttribute () trả về một chuỗi đại diện cho giá trị của thuộc tính. Trong trường hợp thuộc tính không tồn tại, getAttribute () trả về null .

Lưu ý rằng bạn có thể sử dụng hasAttribute () để kiểm tra xem thuộc tính có tồn tại trên phần tử hay không trước khi nhận giá trị của nó.

JavaScript getAttribute () example

Hãy xem xét ví dụ sau:

 

& lt;

html

& gt;

& lt;

head

& gt;

& lt;

meta

bộ ký tự

=

" utf-8 "

& gt;

& lt;

title

& gt;

JS getAttribute () Demo

& lt; /

title

& gt;

& lt; /

head

& gt;

& lt;

body

& gt;

& lt;

a

href

=

" https://www.javascripttutorial.net "

target

=

"_ blank"

id

=

"js"

& gt;

Hướng dẫn JavaScript

& lt; /

a

& gt;

& lt;

script

& gt;

let

link =

document

.querySelector (

'# js' < / p>);

nếu

(liên kết) {

let

target = link.getAttribute (

'target'

);

bảng điều khiển

.log (target); }

& lt; /

script

& gt;

& lt; /

body

& gt;

& lt; /

html

& gt;

Ngôn ngữ mã:

HTML, XML

(

xml

)

Kết quả

< pre class = "wp-block-code">

_ blank

Cách hoạt động:

  • Đầu tiên, chọn phần tử liên kết có id js bằng cách sử dụng phương thức querySelector () .
  • Thứ hai, lấy thuộc tính đích của liên kết bằng cách gọi getAttribute () của liên kết đã chọn phần tử.
  • Thứ ba, hiển thị giá trị của target trên cửa sổ Console.

Ví dụ sau sử dụng phương thức getAttribute () để lấy giá trị thuộc tính title của phần tử liên kết với id js :

 

let

link =

document

.querySelector (

'# js '

);

nếu

(liên kết) {

let

title = link.getAttribute (

'title'

);

bảng điều khiển

.log (title); }

Ngôn ngữ mã:

JavaScript

(

javascript

)

Đầu ra:

 

null

Ngôn ngữ mã:

JavaScript

(

javascript

)

Tóm tắt

  • Nhận giá trị thuộc tính của một phần tử được chỉ định bằng cách gọi phương thức getAttribute () trên phần tử đó.
  • Trả về getAttribute () null nếu thuộc tính không tồn tại.

Hướng dẫn này có hữu ích không?

< p class = "wth-title">


Xem thêm những thông tin liên quan đến chủ đề lấy thuộc tính giá trị javascript

3 ways to access JavaScript object properties

  • Tác giả: Read Write Exercise
  • Ngày đăng: 2020-03-30
  • Đánh giá: 4 ⭐ ( 9786 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript developers can access object properties via dot notation, square bracket notation, and destructuring. This covers the tricks of each method in depth.

    The most basic way to access an object's properties is using dot notation but in certain cases that won't be the best choice or it won't even be possible. Accessing values from an object using dynamic properties and keys is possible using square bracket notation or destructuring. Destructuring, a JavaScript ES6 feature, also allows you to create aliases for values you access.

    This video was inspired by this blog post: https://dmitripavlutin.com/access-object-properties-javascript/
    Thanks Dmitri!

    =====================
    Code Files
    =====================
    https://github.com/bradydowling/read-write-exercise/blob/master/exercises/js-tricks/object-access.js

Get và Set thuộc tính trong JavaScript

  • Tác giả: laptrinhtudau.com
  • Đánh giá: 5 ⭐ ( 4349 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Get và Set thuộc tính trong JavaScript - Lập Trình Từ Đầu 6 Dom Trong JavaScript

Làm cách nào để lấy thuộc tính của một đối tượng trong JavaScript / jQuery?

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 8140 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Bạn có thể tra cứu các khóa và giá trị của đối tượng bằng cách gọi…

Cách lấy nội dung và thay đổi thuộc tính thẻ HTML bằng Javascript vô cùng đơn giản.

  • Tác giả: nodejs.vn
  • Đánh giá: 3 ⭐ ( 3812 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài viết ngày hôm nay chúng ta cùng tìm hiểu về cách lấy nội dung và cách thay đổi thuộc tính thẻ HTML nhé . Cùng khám phá bài viết này nhé . 1 Cách lấy nội dung trong thẻ HTML bằng JS Để lấy nội dung bên trong một thẻ HTML thì chúng ta sử dụng cú ...

Lấy Giá Trị Checkbox Bằng Javascript, Những Cách Đơn Giản Nhất

  • Tác giả: nguyenminhchau.com
  • Đánh giá: 4 ⭐ ( 9601 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Kiểm tra хem một ô ᴄheᴄkboх đang đượᴄ tíᴄh ᴄhọn haу không là một ᴄông ᴠiệᴄ khá phổ biến khi ᴄhúng ta làm ᴠiệᴄ ᴠới phần frontend ᴄủa ứng dụng ᴡeb, Trong bài ᴠiết nàу ᴄhúng ta ѕẽ tìm hiểu ᴄáᴄh thựᴄ hiện ᴄông ᴠiệᴄ nàу thông qua một ѕố phương pháp kháᴄ nhau

DOM HTML trong Javascript, lấy nội dung trong thẻ html

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 8147 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu DOM HTML trong Javascript, cách lấy nội dung và gán nội dung HTML, lấy giá trị và gán giá trị thuộc tính bằng javascript

Object Javascript Và Những Điều Bạn Cần Biết

  • Tác giả: codelearn.io
  • Đánh giá: 5 ⭐ ( 5470 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Javascript có 5 kiểu dữ liệu Number, String, Boolean, Undefined, Null và còn 1 kiểu nữa đó là Object. Bài viết này chúng ta cùng tìm hiều về Object nhé!

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Lặp lại từ điển bằng Python - python loop qua dict