Hướng dẫn get attribute javascript
Show Hướng dẫn cách sử dụng getAttribute trong JavaScript. Bạn sẽ biết cách sử dụng phương thức getAttribute để lấy giá trị thuộc tính của Element sau bài học này. getAttribute trong JavaScript và cách lấy giá trị thuộc tính của ElementCú phápgetAttribute trong JavaScript là một phương thức của Element Object, có tác dụng lấy giá trị thuộc tính chỉ định của một Element. Cú pháp sử dụng thuộc tính getAttribute trong JavaScript để lấy thuộc tính chỉ định của Element như sau: element.getAttribute(attributeName) Trong đó
Giá trị trả về của phương thức getAttribute sẽ là giá trị của thuộc tính chỉ định. Trong trường hợp không tồn tại thuộc tính chỉ định trong Element, giá trị null sẽ được trả về. Ví dụ let element = document.getElementById('shopname'); Mã mẫuHãy cùng xem cách dùng getAttribute để lấy giá trị thuộc tính chỉ định của Element như sau: html> Trong mã HTML ở trên, sau khi click vào nút thì Element có thuộc tính
Lấy giá trị thuộc tính của Element bằng cách tham chiếu trực tiếpCú phápNgoài cách dùng phương thức getAttribute mà Kiyoshi đã hướng dẫn ở trên, chúng ta còn có một phương pháp khác để lấy giá trị thuộc tính của Element, đó chính là cách tham chiếu trực tiếp tới thuộc tính đó. Cú pháp lấy giá trị thuộc tính của Element bằng phương pháp này như sau: element.attributeName Trong đó
Ví dụ cụ thể let element = document.getElementById('shopname'); Khác với phương thức getattribute thì tên thuộc tính được sử dụng trong phương pháp tham chiếu có thể giống hoặc khác với chính nó. Các tên thuộc tính có thể sử dụng được quyết định theo mỗi loại tagname, có những tên thuộc tính có thể sử dụng cho tất cả các loại tagname, cũng có những tên thuộc tính chỉ có thể sử dụng cho một số tagname đặc định. Ví dụ, thuộc tính href hoặc target của tagname Phần lớn các thuộc tính có thể được sử dụng trực tiếp tên để tham chiếu, ví dụ như id hay hreft sẽ dùng Ngoài ra, nếu tên một thuộc tính mà trùng với một keyword sử dụng trong JavaScript thì thay vì tên thuộc tính đó (ví dụ ABC) thì sẽ gắn thêm chuỗi ký tự Nếu thuộc tính tồn tại trong Element, giá trị của thuộc tính đó sẽ được trả về. Nếu như thuộc tính đó chưa đặt giá trị, một ký tự trống sẽ được trả về. Trong trường hợp không tồn tại thuộc tính chỉ định trong Element, giá trị undefined sẽ được trả về. Mã mẫuSau đây hãy cùng xem cách dùng phương pháp này để lấy giá trị thuộc tính chỉ định của một Element. html> Trong mã HTML ở trên, sau khi click vào nút thì Element có thuộc tính Tổng kếtTrên đây Kiyoshi đã hướng dẫn bạn cách sử dụng getAttribute trong JavaScript để lấy giá trị thuộc tính chỉ định của một Element rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé. Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo. Viết bởi Kiyoshi. Đã đăng ký bản quyền tác giả tại <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" rel="license noopener" target="_blank" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creativecommons</a> và <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" target="_blank" rel="noopener" href="https://www.dmca.com/Protection/Status.aspx?ID=1631afcd-7c4a-467d-8016-402c5073e5cd" class="dmca-badge">DMCA</a><script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> Bài viết liên quanHãy chia sẻ và cùng lan tỏa kiến thức lập trình Nhật Bản tại Việt Nam! HOME>> học javascript - lập trình javascript cơ bản>>13. dom trong javascript
Profile Tác giả : Kiyoshi (Chis Thanh) Kiyoshi là một
cựu du học sinh tại Nhật Bản. Sau khi tốt nghiệp đại học Toyama năm 2017, Kiyoshi hiện đang làm BrSE tại Tokyo, Nhật Bản.
Bài Viết Liên QuanQuảng CáoCó thể bạn quan tâmToplist được quan tâm#1
Top 7 sự tích hồ gươm - ngữ văn lớp 6 20234 tháng trước#2
Top 7 gdcd 6 bài 1 kết nối tri thức 20234 tháng trước#3
Top 7 ý nghĩa của xây dựng gia đình văn hóa 20234 tháng trước#4
Top 6 mẫu hợp đồng mượn đất làm nhà xưởng 20234 tháng trước#5
Top 3 tổng tài biến thái tôi yêu anh tập 27 20234 tháng trước#6
Top 6 kết thực phim mỹ nhân vô lệ 20234 tháng trước#7
#8
Top 8 đề tài và chủ de của tác phẩm tắt đèn 20234 tháng trước#9
Top 5 tiểu sử của thầy thích pháp hòa 20234 tháng trướcQuảng cáoXem NhiềuTop 10 tiền đạo hay nhất thế giới 2023 năm 20241 tuần trướcCọng tác viên r và d là làm gì năm 202411 giờ trướcSo sánh iphone 7 và sony z5 năm 20241 tuần trướcBảng giá xe i10 lăn bánh gia bao nhiêu năm 20242 ngày trướcThể thức kỹ thuật trình bày văn bản năm 20246 ngày trướcBộ đề ôn thi toán tuyển sinh lớp 10 năm 20244 ngày trướcQuảng cáoChúng tôiTrợ giúpBản quyền © 2021 Học Tốt Inc.
|