JavaScript thay đổi màu nền

Đư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.  

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




<html>

 

<head>

    <<0>

<2<3

<2<5

    <7_______1_______0>

<7head>

 

<2_______5 html6html7html8>

 

    <>3 html6html7_______3_______6>

<2>9

    <7_______3_______3>

 

    < 7  8html7<0 <1

<2<3

    <7_______4_______7>

 

    <head1 head2html7_______6_______4>

<2head7

    <7_______6_______1>

 

    < 7  8html7>8 >9

    0    1

    0_______1_______3

    <7_______4_______7>

 

    <<1>

<2<4

<2<6

<2<8

<9

<2<01

<9

<2<04

<05<06

<2<08

<09

<2<11

<05<13

<05<15

<2<17

    <7_______1_______1>

<7html5>

 

<7html>

đầu ra.  

JavaScript thay đổi màu nền

 

 

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

  • Phương thức text() được sử dụng để đặt nội dung văn bản cho phần tử được chọn
  • Phương thức on() được sử dụng làm trình xử lý sự kiện cho các phần tử được chọn và các phần tử con
  • Phương thức css() dùng để thay đổi/thiết lập màu nền của phần tử

Thí dụ. Ví dụ này thay đổi màu nền với sự trợ giúp của JQuery.  

html




<html>

 

<head>

    <<0>

<2<42

<2<44

    <7_______1_______0>

 

    <<1 <53_______2_______7<55>

    <7_______1_______1>

<7head>

 

<2_______5 html6html7html8>

 

    <>3 html6html7_______3_______6>

<2>9

    <7_______3_______3>

 

    < 7  8html7<0 <92

<2<3

    <7_______4_______7>

 

    <head1>

<2head7

    <7_______6_______1>

 

    < 7  8html7>8 >9

    0_______2_______19

    0_______1_______3

    <7_______4_______7>

 

    <<1>

<2html32

<2html34

<05html36

<05html38

<2html40

    <7_______1_______1>

<7html5>

 

<7html>

đầu ra

JavaScript thay đổi màu nền

 

 

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 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.

Làm cách nào để thay đổi màu nền khi nhấp vào trong JavaScript?

Sử dụng Thuộc tính màu nền kiểu HTML DOM để 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.

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

Để thay đổi màu của văn bản, bạn có thể sử dụng phương thức “getElementById()” với “style. Thuộc tính color” . Trong trường hợp như vậy, phần tử văn bản có thể được truy cập bằng phương thức getElementById() và sau đó áp dụng thuộc tính màu với sự trợ giúp của kiểu HTML. thuộc tính màu.

Làm cách nào để thay đổi màu sắc trong hàm JavaScript?

Để thay đổi màu của phần tử dựa trên giá trị của bộ chọn màu, chúng ta phải sử dụng sự kiện onclick() của phần tử và thay đổi thuộc tính màu CSS của nó theo màu đã chọn . .