JS-改變頁面的顏色（一）

本文轉載自查看原文 2016-08-23 22:26 2492 小白例

需求：點擊頁面的按鈕，改變頁面的顏色

思路：一先畫出最簡單的頁面，二想辦法獲取頁面的body節點，三想辦法修改body節點的背景顏色屬性，四通過一個方法獲取隨機的顏色值

簡單的代碼片段如下所示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Change Page Color Script</title>
    <script>
        /*
          改變頁面的背景顏色
        */
        function changePageColor()
        {
            //拿到body元素
            var bodyArray=document.getElementsByTagName("body");
            var body=bodyArray[0];
            //修改body元素的背景顏色屬性
            body.setAttribute("bgcolor",getColorValue());
        }
        /*
          獲取背景顏色的十六進制表示
        */
        function getColorValue()
        {
            return "#"+Math.round(Math.random()*1000000);
        }
    </script>
</head>
<body bgcolor="green" align="center">
    <input type="button" value="ChangePageColor" onclick="changePageColor();"/>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js-用判斷音樂或圖片是否加載完成的方式來控制頁面的現實 js-監聽頁面滾動 JS-箭頭函數及其this的指向和改變this指向（call apply bind） js改變頁面某個元素的背景顏色（rgb和十六進制兩種方法）。 vue 改變某個頁面的背景色小程序之改變頁面顏色 ios中改變UIImagePickerController頁面的button的文字為中文微信小程序點擊改變頁面顏色 jsp頁面判定某個變量值的時候改變顏色 js實現選中當前元素並改變顏色（js、jq的各種循環）