Kích hoạt các phần tử bằng JavaScript
Giả sử chúng ta có một bảng HTML #table
với các ô trống.
Hãy làm sao để khi nhấp vào bất kỳ ô nào, nó sẽ được kích hoạt bằng cách nào đó, ví dụ: có nền màu đỏ. Để làm điều này, chúng ta sẽ cung cấp một lớp CSS nào đó cho các ô được kích hoạt:
.active {
background: red;
}
Hãy triển khai tính năng kích hoạt:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Cho một danh sách HTML ul. Hãy làm sao
để khi nhấp vào bất kỳ mục danh sách nào, mục đó
sẽ được kích hoạt với nền màu đỏ.
Sửa đổi bài toán trước sao cho khi nhấp vào một mục danh sách đã được kích hoạt, thì trạng thái kích hoạt sẽ bị loại bỏ khỏi nó.
