Áp dụng tạo kiểu trong JavaScript
Hãy tạo một nút bấm, khi nhấn vào nó
phần tử sẽ hiển thị hoặc ẩn đi.
Hãy để phần tử ẩn theo mặc định (điều này được thực hiện
bằng cách sử dụng display:
none), và nó sẽ hiển thị bằng cách thêm
lớp active. Lớp này chúng ta sẽ
thêm vào hoặc loại bỏ bằng classList.toggle:
<button id="button">click me</button>
<div id="elem"></div>
#elem {
display: none;
width: 200px;
height: 200px;
border: 1px solid green;
}
#elem.active {
display: block;
}
let button = document.querySelector('#button');
let elem = document.querySelector('#elem');
button.addEventListener('click', function() {
elem.classList.toggle('active');
});
:
