String.prototype.fontcolor()

Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

Phương thức fontcolor() của các giá trị String tạo ra một chuỗi nhúng chuỗi này vào trong phần tử <font> (<font color="...">str</font>), khiến chuỗi này được hiển thị với màu font chữ được chỉ định.

Note: Tất cả các phương thức bọc HTML đều đã bị deprecated và chỉ được chuẩn hóa cho mục đích tương thích. Đối với trường hợp của fontcolor(), bản thân phần tử <font> đã bị loại bỏ khỏi đặc tả HTML và không nên được sử dụng nữa. Các nhà phát triển web nên sử dụng các thuộc tính CSS thay thế.

Cú pháp

js
fontcolor(color)

Tham số

color

Một chuỗi biểu thị màu sắc dưới dạng bộ ba RGB thập lục phân hoặc dưới dạng chuỗi literal. Các chuỗi literal cho tên màu được liệt kê trong tham chiếu màu CSS.

Giá trị trả về

Một chuỗi bắt đầu bằng thẻ mở <font color="color"> (dấu ngoặc kép trong color được thay thế bằng &quot;), sau đó là văn bản str, và cuối cùng là thẻ đóng </font>.

Mô tả

Bản thân phương thức fontcolor() chỉ đơn giản nối các phần của chuỗi lại mà không có bất kỳ xác thực hay chuẩn hóa nào. Tuy nhiên, để tạo ra các phần tử <font> hợp lệ, nếu bạn biểu thị màu sắc dưới dạng bộ ba RGB thập lục phân, bạn phải sử dụng định dạng rrggbb. Ví dụ, các giá trị RGB thập lục phân cho màu salmon là red=FA, green=80, và blue=72, vì vậy bộ ba RGB cho salmon là "FA8072".

Ví dụ

Sử dụng fontcolor()

Đoạn code dưới đây tạo ra một chuỗi HTML rồi thay thế nội dung body của document bằng chuỗi đó:

js
const contentString = "Hello, world";

document.body.innerHTML = contentString.fontcolor("red");

Đoạn code này sẽ tạo ra HTML sau:

html
<font color="red">Hello, world</font>

Warning: Markup này không hợp lệ, vì font không còn là phần tử hợp lệ nữa.

Thay vì sử dụng fontcolor() và tạo văn bản HTML trực tiếp, bạn nên sử dụng CSS để thao tác với font chữ. Ví dụ, bạn có thể thao tác với color thông qua thuộc tính element.style:

js
document.getElementById("yourElemId").style.color = "red";

Đặc tả

Thông số kỹ thuật
ECMAScript® 2027 Language Specification
# sec-string.prototype.fontcolor

Tương thích trình duyệt

Xem thêm