JavaScript document.bgColor 取得或變更網頁背景顏色

JavaScript document.bgColor 可以用來查詢網頁背景顏色的色碼,或者是用來變更背景顏色,屬於 JavaScript Document 內容對像集合的一環,本篇範例分為兩個部分,首先是透過 document.bgColor 查詢背景顏色,接著嘗試修改背景顏色,請看以下範例。

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> 標籤內的 bgcolor="blue",接著準備了兩個按鈕,分別用來查詢以及變更背景顏色,剛開始查詢的時候,跳出對話視窗告訴你顏色為 blue,接著按下變更背景色之後,重新查詢就會變成 gray 囉!

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012