Tìm kiếm
0398.259.259
Liên hệ
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Tên miền
Hosting
Thiết kế website
Giới thiệu
Trang chủ
Trang chủ
Giới thiệu
Thiết kế website
Hosting
Tên miền
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Liên hệ
0398.259.259
Code Phương thức classList toggle() trong JavaScript
Code Phương thức classList toggle() trong JavaScript
Code Phương thức classList toggle() trong JavaScript
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Code Phương thức classList toggle() trong JavaScript</title> <style> .pclass{padding:15px;border:1px solid #000;text-align:center;text-transform: uppercase;} </style> </head> <body> <h1>Code Phương thức classList toggle() trong JavaScript</h1> <p>Dùng để thực hiện hai hành động thêm và xóa giá trị class lặp đi lặp lại, nếu giá trị class không tồn tại thì sẽ thêm vào, nếu giá trị class tồn tại thì xóa đi:</p> <p id="pid">Nội dung cần css</p> <p>Click vào nút TOGGLE CLASS để thêm, xóa class cho phần tử HTML</p> <button onclick="themClass()">TOGGLE CLASS</button> <script> function themClass() { // Lấy danh sách các phương thức của classList dành cho id pid const list = document.getElementById("pid").classList; // Thêm, Xóa class pclass vào id pid, mỗi lần click thì sẽ kiểm tra, nếu class pclass không tồn tại thì sẽ thêm vào, nếu class pclass tồn tại thì xóa đi. list.toggle("pclass"); } </script> </body> </html>
<!DOCTYPE html> <html> <head> <title>Code Phương thức classList toggle() trong JavaScript</title> <style> .pclass{padding:15px;border:1px solid #000;text-align:center;text-transform: uppercase;} </style> </head> <body> <h1>Code Phương thức classList toggle() trong JavaScript</h1> <p>Dùng để thực hiện hai hành động thêm và xóa giá trị class lặp đi lặp lại, nếu giá trị class không tồn tại thì sẽ thêm vào, nếu giá trị class tồn tại thì xóa đi:</p> <p id="pid">Nội dung cần css</p> <p>Click vào nút TOGGLE CLASS để thêm, xóa class cho phần tử HTML</p> <button onclick="themClass()">TOGGLE CLASS</button> <script> function themClass() { // Lấy danh sách các phương thức của classList dành cho id pid const list = document.getElementById("pid").classList; // Thêm, Xóa class pclass vào id pid, mỗi lần click thì sẽ kiểm tra, nếu class pclass không tồn tại thì sẽ thêm vào, nếu class pclass tồn tại thì xóa đi. list.toggle("pclass"); } </script> </body> </html>
Code Phương thức classList toggle() trong JavaScript
nằm trong bài viết
Phương thức classList toggle() trong JavaScript
0398.259.259
Messenger
Chỉ Đường
Gọi điện
