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
Phương thức classList remove() nhiều giá trị trong JavaScript
Phương thức classList remove() nhiều giá trị trong JavaScript
Phương thức classList remove() nhiều giá trị trong JavaScript
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Phương thức classList remove() nhiều giá trị trong JavaScript</title> <style> .pclass{padding:15px;border:1px solid #000;text-align:center;text-transform: uppercase;} .pclassbg{background:red} .pclassc{color:#fff} </style> </head> <body> <h1>Phương thức classList remove() nhiều giá trị trong JavaScript</h1> <p>Dùng để xóa một hoặc nhiều giá trị trong thuộc tính class trên phần tử HTML, phương thức này chỉ xóa giá trị chứ không xóa thuộc tính class, ở ví dụ này mình xóa nhiều giá trị của thuộc tính class:</p> <p id="pid" class="pclass pclassbg pclassc" >Nội dung đã css</p> <p>Click vào nút XÓA CLASS để xóa nhiều giá trị của class trên phần tử HTML có id pid</p> <button onclick="xoaClass()">XÓA CLASS</button> <script> function xoaClass() { // Lấy id pid và thực hiện hành động xóa nhiều giá trị của class document.getElementById("pid").classList.remove("pclass","pclassbg","pclassc"); } </script> </body> </html>
<!DOCTYPE html> <html> <head> <title>Phương thức classList remove() nhiều giá trị trong JavaScript</title> <style> .pclass{padding:15px;border:1px solid #000;text-align:center;text-transform: uppercase;} .pclassbg{background:red} .pclassc{color:#fff} </style> </head> <body> <h1>Phương thức classList remove() nhiều giá trị trong JavaScript</h1> <p>Dùng để xóa một hoặc nhiều giá trị trong thuộc tính class trên phần tử HTML, phương thức này chỉ xóa giá trị chứ không xóa thuộc tính class, ở ví dụ này mình xóa nhiều giá trị của thuộc tính class:</p> <p id="pid" class="pclass pclassbg pclassc" >Nội dung đã css</p> <p>Click vào nút XÓA CLASS để xóa nhiều giá trị của class trên phần tử HTML có id pid</p> <button onclick="xoaClass()">XÓA CLASS</button> <script> function xoaClass() { // Lấy id pid và thực hiện hành động xóa nhiều giá trị của class document.getElementById("pid").classList.remove("pclass","pclassbg","pclassc"); } </script> </body> </html>
Phương thức classList remove() nhiều giá trị trong JavaScript
nằm trong bài viết
Phương thức classList remove() trong JavaScript
0398.259.259
Messenger
Chỉ Đường
Gọi điện
