Đưa ra một tài liệu HTML và nhiệm vụ là thay đổi màu nền của tài liệu bằng JavaScript và jQuery. Show Cách tiếp cận 1. Cách tiếp cận này sử dụng JavaScript để thay đổi màu nền sau khi nhấp vào nút. Sử dụng HTML DOM Style backgroundColor Property để thay đổi màu nền sau khi nhấp vào nút. Thuộc tính này được sử dụng để thiết lập màu nền của một phần tử. Thí dụ. Ví dụ này thay đổi màu nền với sự trợ giúp của JavaScript. html
_______8____17____33
_______8____17____47
_______8____17____61
_______8____17____47
đầu ra.
Cách tiếp cận 2. Cách tiếp cận này sử dụng jQuery để thay đổi màu nền sau khi nhấp vào nút
Thí dụ. Ví dụ này thay đổi màu nền với sự trợ giúp của JQuery. html
_______8____17____33
_______8____17____47
_______8____17____61
_______8____17____47
đầu ra
JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này jQuery là một thư viện JavaScript mã nguồn mở giúp đơn giản hóa các tương tác giữa một tài liệu HTML/CSS, nó nổi tiếng rộng rãi với triết lý “Viết ít hơn, làm nhiều hơn”. Bạn có thể học jQuery từ đầu bằng cách làm theo Hướng dẫn jQuery và Ví dụ về jQuery này Làm cách nào để thay đổi màu sắc trong JavaScript?Trong ví dụ này, chúng ta sẽ thảo luận cách chúng ta thay đổi Màu nền của Nút bằng JavaScript. . chức năng ChangeColor() tài liệu. getElementById('btn1'). Phong cách. nềnColor = 'Đỏ'; setTimeout("ChangeColor2()", 2000); hàm ChangeColor2() Làm cách nào để thay đổi màu văn bản trong hàm JavaScript?Sử dụng Phương thức fontcolor() Chuỗi
.
Làm cách nào để thay đổi màu động trong JavaScript?Có một số cách để bạn có thể tự động thay đổi màu nền của Phần tử HTML trong JavaScript. . Sử dụng phong cách. Thuộc tính màu nền Sử dụng ClassList. cộng() Sử dụng setAttribute() Thay đổi màu nền của div Tự động thay đổi màu nền khi nhấp vào nút Làm cách nào để thay đổi màu nền trong JavaScript?Để thay đổi màu nền bằng javascript, bạn có thể áp dụng kiểu. nền hoặc phong cách. màu nền của thành phần bạn muốn thay đổi nền cho . Ví dụ dưới đây thay đổi màu nền của phần thân khi bạn nhấp vào một phần tử bằng cách sử dụng kiểu. |