JavaScript fontcolor() Method: String Object


The fontcolor() method is used to display a string in a specified color as if it were in a <font color="color-value"> tag.



Implemented in JavaScript 1.0




color: A color value in RGB, hexadecimal triplet or color name.


In the following web document, the fontcolor() method is used to change the color of a string. The method produces same output as html : <font color="maroon">Welcome Viewers</font> and so on.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript String object - fontcolor() method example</title>
<h1 style="color: red">JavaScript String object : fontcolor() method</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
var Str="Welcome Viewers"
document.write(Str.fontcolor("maroon") +
" is maroon in this line")
document.write("<p>" + Str.fontcolor("salmon") +
" is salmon in this line"+"</p>")
document.write("<p>" + Str.fontcolor("red") +
" is red in this line"+"</p>")

View the example in the browser

Pictorial presentation: Output and Page source

javascript string fontcolor method

Supported Browser

Internet Explorer 7 Firefox 3.6 Google Chrome 7 Safari 5.0.1 Opera 10
Yes Yes Yes Yes Yes

See also:

JavaScript Core objects, methods, properties.

See the JavaScript color values

Previous: JavaScript fixed() Method: String Object
Next: JavaScript fontsize() Method: String Object

Test your Programming skills with w3resource's quiz.

JavaScript: Tips of the Day

How to check whether a string contains a substring in JavaScript?

ECMAScript 6 introduced String.prototype.includes:

const string = "foo";
const substring = "oo";


includes doesn't have Internet Explorer support, though. In ECMAScript 5 or older environments, use String.prototype.indexOf, which returns -1 when a substring cannot be found:

var string = "foo";
var substring = "oo";

console.log(string.indexOf(substring) !== -1);

Ref: https://bit.ly/3fFFgZv