Thuộc tính nào được sử dụng để thay đổi màu phông chữ trong JavaScript?

Bạn muốn làm cho văn bản HTML của mình trông đẹp mắt vì nhiều lý do. HTML cung cấp cho bạn tùy chọn chỉnh sửa kích thước văn bản, phông chữ, màu sắc, v.v. theo ý thích của bạn. Để làm như vậy, bạn sẽ cần thay đổi giao diện của chúng bằng cách sử dụng các thuộc tính kích thước phông chữ và màu sắc của CSS. Bài viết này sẽ cung cấp cho bạn hai phương pháp về cách làm cho văn bản HTML của bạn trông đẹp mắt

Phương pháp 1. Sử dụng thuộc tính Kiểu nội tuyến

Với các thuộc tính color và font-size, bạn có thể sửa đổi màu sắc và kích thước của văn bản từ bên trong thẻ của nó. Điều này được gọi là CSS nội tuyến. Màu sắc, phông chữ, kích thước và các kiểu khác có thể được áp dụng cho một phần tử bằng thuộc tính kiểu HTML. CSS (Cascading Style Sheets) là ngôn ngữ biểu định kiểu để mô tả giao diện của tài liệu được tạo bằng ngôn ngữ đánh dấu như HTML. Chúng tôi sẽ chỉ cho bạn cách sử dụng một số thuộc tính CSS phổ biến nhất tại đây

  1. Màu văn bản được xác định bởi thuộc tính màu CSS
  2. Thuộc tính font-size trong CSS xác định kích thước văn bản sẽ được hiển thị

Thuộc tính style có thể được sử dụng để thay đổi giao diện của phần tử HTML. Đây là một thuộc tính CSS. Cú pháp của thuộc tính style HTML như trong

The 1<___

3_______1_______4
3>

7head>

 

<

 Content 
2>

1<___
 Content 
6
 Content 
7
 Content 
8
 Content 
90
 Content 
6>

1<5
 Content 
7
 Content 
8
 Content 
905_______129_______

1<___<4
 Content 
7
 Content 
8
 Content 
90<4_______129_______

1<html3
 Content 
7
 Content 
8
 Content 
90html3>

 

7
 Content 
2>

 

7html>

đầu ra

Thuộc tính kích thước phông chữ trong CSS xác định kích thước của văn bản trong phần tử HTML

Example: Using the 1<___

3_______1_______4
3>

7head>

 

<

 Content 
2>

1<___
 Content 
6
 Content 
7
 Content 
8head4head5
 Content 
6>

1<html3
 Content 
7
 Content 
8
03head5html3>

 

7
 Content 
2>

 

7html>

đầu ra

Kết hợp hai mã trên, chúng tôi nhận được

HTML




<html>

 

<head>

1<___
3_______1_______4
3>

7head>

 

<

 Content 
2>

1<
 Content 
6
 Content 
7
 Content 
8
41>

43
44

45
7
 Content 
6>

1<5
 Content 
7
 Content 
8
 Content 
905_______129_______

1<___<4
 Content 
7
 Content 
8
 Content 
90<4_______129_______

1<html3
 Content 
7
 Content 
8
 Content 
90html3>

 

7
 Content 
2>

 

7html>

đầu ra

Thuộc tính nào được sử dụng để thay đổi màu phông chữ trong JavaScript?

Phương pháp 2. Sử dụng CSS nội bộ

If a single HTML page has a distinct style, an internal style sheet may be used. The internal style is defined within the head section’s

Thí dụ. Ví dụ sau sẽ giúp bạn hiểu rõ hơn

HTML




<html>

 

<head>

1<
 Content 
7>

43
97

98
99

98
 Content 
01

43
 Content 
03

1
7
 Content 
7>

7head>

 

<

 Content 
2>

 

1<___
 Content 
6head5_______6_______6>

 Content 
22

<128_______3_______132_______5html3_______129_______

 

 

7
 Content 
2>

 

7html>

đầu ra

Another way to change the font size and color is by using the tag. Although its discarded, the HTML tag can still be used and is required by some web services. The face attribute, which describes the font to be used, must be included when using the FONT tag. 

cú pháp

 Content 

Thí dụ. Hãy xem ví dụ sau

HTML




 Content 
37

<

 Content 
39>

 

<

 Content 
43>

1<
 Content 
47>

1
7
 Content 
47>

7
 Content 
43>

 

<

 Content 
58>

1<___
 Content 
62
 Content 
63
 Content 
8
 Content 
65>

43<___
 Content 
62
 Content 
70_______6_______8
 Content 
72
 Content 
73
 Content 
62_______6_______75
 Content 
76>

Làm cách nào để thay đổi màu phông chữ trong JavaScript?

Sử dụng Phương thức fontcolor() Chuỗi .

Thuộc tính nào được sử dụng để thay đổi màu chữ?

Thuộc tính color được sử dụng để đặt màu cho văn bản.

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

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.