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.

Follow us on Facebook and Twitter for latest update.