Ngoại lệ khi làm việc với thuộc tính trong JavaScript
Khi làm việc với các thuộc tính, tồn tại một ngoại lệ
- đó là thuộc tính class.
Từ này là từ khóa đặc biệt trong JavaScript
và do đó chúng ta không thể chỉ viết elem.class
để đọc giá trị của thuộc tính class.
Thay vào đó, phải viết elem.className.
Hãy xem xét một ví dụ. Giả sử chúng ta có phần tử input như sau:
<input id="elem" class="aaa bbb">
Hãy in ra giá trị của thuộc tính class
cho phần tử input của chúng ta:
let elem = document.querySelector('#elem');
console.log(elem.className); // sẽ in ra 'aaa bbb'
Cũng tồn tại các ngoại lệ khác, ví dụ,
thuộc tính for. Nên truy cập nó
thông qua htmlFor.
Cho một phần tử div:
<div id="elem" class="content no-gap"></div>
Đồng thời cho một nút bấm. Khi nhấp vào nút, hãy đọc
và in ra màn hình giá trị của thuộc tính class
của phần tử div của chúng ta.
Cho một phần tử div:
<div id="elem"></div>
Đồng thời cho một nút bấm. Khi nhấp vào nút, hãy ghi
vào thuộc tính class của phần tử div của chúng ta một lớp (class) bất kỳ.
Cho một phần tử div với nhiều lớp CSS, được ghi cách nhau bằng dấu cách:
<div id="elem" class="aaa bbb ccc"></div>
Đồng thời cho một nút bấm. Khi nhấp vào nút, hãy lấy mảng các lớp CSS của phần tử div của chúng ta.
