Thay đổi màu sắc jquery css

Chúng tôi đã thêm một trình nghe sự kiện vào nút. Mỗi người nghe sự kiện gọi một chức năng khi nhấp vào nút

Chúng tôi đã sử dụng thuộc tính style.backgroundColor để thay đổi màu nền của nút và thuộc tính style.color để thay đổi màu chữ của nút

Thay đổi màu của mỗi nút khi nhấp vào #

To change color of each node when click on

1. Add the event click to node
2. Mỗi lần nhấp vào nút, đặt thuộc tính style.backgroundColor của nó thành một giá trị mới
3. Tùy chọn đặt thuộc tính style.color của nó

Đây là HTML cho các ví dụ trong bài viết này

Copied!

  

DOCTYPE html>

  
    
  

  
    Button

    
  

Và đây là JavaScript liên quan

Copied!
const btn = document.getElementById['btn'];

let index = 0;

const colors = ['salmon', 'green', 'blue', 'purple'];

btn.addEventListener['click', function onClick[] {
  btn.style.backgroundColor = colors[index];
  btn.style.color = 'white';

  index = index >= colors.length - 1 ? 0 : index + 1;
}];

Nếu bạn cần thay đổi màu của mỗi nút khi nhấp vào, hãy cuộn xuống tiêu đề tiếp theo

Chúng tôi đã thêm một trình nghe sự kiện vào nút. Mỗi người nghe sự kiện gọi một chức năng khi nhấp vào nút

Chúng tôi đã sử dụng thuộc tính style.backgroundColor để thay đổi màu nền của nút và thuộc tính style.color để thay đổi màu chữ của nút

Thay đổi màu của mỗi nút khi nhấp vào #

To change color of each node when click on

Use variable

Copied!
const btn = document.getElementById['btn'];

btn.addEventListener['click', function onClick[] {
  btn.style.backgroundColor = 'salmon';
  btn.style.color = 'white';
}];

This is HTML for this ví dụ

Và đây là mã JavaScript liên quan

Bạn có thể thay đổi màu sắc trong JavaScript không?

Bạn có thể dễ dàng thay đổi màu nền của trang web, tức là phần tử hoặc bất kỳ phần tử nào khác bằng cách sử dụng kiểu thuộc tính của nó trong JavaScript. .

Làm thế nào để thay đổi màu nền của nút thăng trong HTML?

Sử dụng thuộc tính HTML DOM Style BackgroundColor để thay đổi màu nền sau khi nhấp vào nút. Thuộc tính này được sử dụng để đặt màu nền của một phần tử. Ví dụ. Ví dụ này thay đổi màu nền với sự trợ giúp của JavaScript