Hướng dẫn setattribute onclick javascript
This is an amazing function for cross-browser compatible event binding. Show Got it from http://js.isite.net.au/snippets/addevent With it you can just do For example: (http://jsfiddle.net/Zxeka/)
Here's the function:
If you don't want to use such a big function, this should work for almost all browsers, including IE:
In response to Craig's question. You're going to have to make a new element and copy over the attributes of the old element. This function should do the job: (source) Nội dung chính
Hướng dẫn cách sử dụng setAttribute trong JavaScript. Bạn sẽ biết cách sử dụng phương thức setAttribute để thiết lập giá trị thuộc tính của Element sau bài học này. setAttribute trong JavaScript và cách thiết lập giá trị thuộc tính của ElementCú phápsetAttribute trong JavaScript là một phương thức của Element Object, có tác dụng thiết lập giá trị thuộc tính chỉ định của một Element. Nếu giá trị thuộc tính đã tồn tại thì nó sẽ được cập nhật, và nếu nó chưa tồn tại trước đó, thuộc tính mới kèm với giá trị của nó sẽ được thiết lập cho Element. Cú pháp sử dụng thuộc tính setAttribute trong JavaScript để thiết lập thuộc tính chỉ định của Element như sau: element.setAttribute(attributeName, value) Trong đó
Ví dụ cụ thể, chúng ta thêm thuộc tính class với giá trị bằng box vào Element ban đầu như sau: let element = document.getElementById('shopname'); Hoặc chúng ta có thể thay đổi giá trị thuộc tính id của nó thành place như sau: let element = document.getElementById('shopname'); Mã mẫuHãy cùng xem cách dùng setAttribute để thiết lập giá trị thuộc tính chỉ định của Element trong mã HTML như dưới đây: html> Trong mã HTML ở trên, sau khi click vào nút thì Element có thuộc tính
Thiết lập 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 setAttribute mà Kiyoshi đã hướng dẫn ở trên, chúng ta còn có một phương pháp khác để thiết lập 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 và thay đổi thuộc tính đó. Cú pháp thiết lập giá trị thuộc tính của Element bằng phương pháp này như sau: element.name = Trong đó
Tương tự như setAttribute thì nếu giá trị thuộc tính đã tồn tại thì nó sẽ được cập nhật, và nếu nó chưa tồn tại trước đó, thuộc tính mới kèm với giá trị của nó sẽ được thiết lập cho Element. Ví dụ cụ thể, chúng ta thêm thuộc tính class với giá trị bằng box vào Element ban đầu như sau: let element = document.getElementById('shopname'); Hoặc chúng ta có thể thay đổi giá trị thuộc tính id của nó thành place như sau: let element = document.getElementById('place'); Khác với phương thức setAttribute 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 để thiết lập 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 setAttribute trong JavaScript để thiết lập 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. |