JS-改变页面的颜色（一）

最新推荐文章于 2021-12-08 14:41:51 发布

weixin_30270889

最新推荐文章于 2021-12-08 14:41:51 发布

阅读量87

点赞数

原文链接：http://www.cnblogs.com/godtrue/p/5801056.html

版权

需求：点击页面的按钮，改变页面的颜色

思路：一先画出最简单的页面，二想办法获取页面的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>

转载于:https://www.cnblogs.com/godtrue/p/5801056.html

weixin_30270889

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS-改变页面的颜色（一）

需求：点击页面的按钮，改变页面的颜色思路：一先画出最简单的页面，二想办法获取页面的body节点，三想办法修改body节点的背景颜色属性，四通过一个方法获取随机的颜色值简单的代码片段如下所示：<!DOCTYPE html><html><head> <meta charset="utf-8"/> <tit...
复制链接

扫一扫