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