JavaScript document.bgColor 查詢與變更網頁背景顏色範例
<html>
<body id="TestPage" bgcolor="blue">
<input type="button" onclick="CheckBgColor()" value="查詢背景顏色">
<input type="button" onclick="ChengeBgColor()" value="變更背景顏色">
<script type="text/javascript">
function CheckBgColor(){
alert(document.getElementById("TestPage").bgColor);
}
function ChengeBgColor(){
document.bgColor="gray";
}
</script>
</body>
</html>
<body id="TestPage" bgcolor="blue">
<input type="button" onclick="CheckBgColor()" value="查詢背景顏色">
<input type="button" onclick="ChengeBgColor()" value="變更背景顏色">
<script type="text/javascript">
function CheckBgColor(){
alert(document.getElementById("TestPage").bgColor);
}
function ChengeBgColor(){
document.bgColor="gray";
}
</script>
</body>
</html>
範例一開始先將網頁背景色設為藍色，<body> 標籤內的 bgcolor="blue"，接著準備了兩個按鈕，分別用來查詢以及變更背景顏色，剛開始查詢的時候，跳出對話視窗告訴你顏色為 blue，接著按下變更背景色之後，重新查詢就會變成 gray 囉！
延伸閱讀