在JavaScript中，document對象提供了以下屬性來設置網頁的顯示顏色：
這些顏色屬性只有IE浏覽器支持。
在JavaScript中，可以使用document對象的fgColor和bgColor這兩個屬性來分別設置文檔的前景色和背景色。大家知道背景色是咋回事，不過可能新手想不通前景色是啥？前景色嘛，說白了就是文字的顏色。document對象的fgColor和bgColor分別對應於CSS中的color和background-color這兩個屬性。
語法：
document.fgColor = "顏色值"; document.bgColor = "顏色值";
說明：
顏色值可以使用關鍵字，也可以使用十六進制顏色值。對於顏色值的選取，可以使用在線調色板來選取。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
document.fgColor = "white";
document.bgColor = "red";
</script>
</head>
<body>
<div> 學習網</div>
</body>
</html>
在浏覽器預覽效果如下：
分析：
為了更深刻的理解超鏈接顏色的變化，請參看CSS入門教程中的“color屬性”和“background-color屬性”這2節。
在JavaScript中，超鏈接的文字顏色可以通過document對象的linkColor、alinkColor和vlinkColor這3個屬性來設置。
語法：
document.linkColor = "顏色值";
說明：
顏色值可以使用關鍵字，也可以使用十六進制顏色值。對於顏色值的選取，可以使用在線調色板來選取。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
document.linkColor = "red";
document.alinkColor = "green";
document.vlinkColor = "blue";
</script>
</head>
<body>
<a href="http://www.lvyestudy.com"> 學習網</a>
</body>
</html>
在浏覽器預覽效果如下：
分析：
為了更深刻的理解超鏈接顏色的變化，請參看CSS入門教程中的“超鏈接偽類”這一節。
雖然可以使用document對象的這些顏色屬性來設置CSS樣式。但是使用JavaScript操作CSS基本都不會采用上述方法，而是采用使用style對象來操作，在後面“JavaScript操作CSS樣式”這一節我們會詳細給大家講解。