javascript学习实录之五（节点操作） --刘小小尘

最新推荐文章于 2021-12-12 20:58:11 发布

刘啸尘-勤奋的小小尘

最新推荐文章于 2021-12-12 20:58:11 发布

阅读量911

点赞数

分类专栏： javascript 学习实录

本文链接：https://blog.csdn.net/liuxiaochen123/article/details/8907864

版权

javascript 学习实录专栏收录该内容

11 篇文章 0 订阅

订阅专栏

首先上个简单的代码，关于改变一段文本颜色的代码，很简单，注释也可以看，也是办法，只是我注了

<!DOCTYPE html>
<html>
<!--<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />-->
<!--这个是GB2312-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
    <title></title>
    <script type="text/javascript">
        function change(classname) {
            var divObj = document.getElementById("chaa");
//            divObj.style.fontSize = "20px";
//            divObj.style.backgroundColor = "red";
            alert("str : " + classname);
            divObj.className = classname;
        }
    </script>
    <style type="text/css">
        .maxx {
            background-color: blue;
            font-size: 40px;
        }
        .minn {
            background-color: white;
            font-size: 8px;
        }
        .norm {
            background-color: green;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <a href="javascript:void(0)" οnclick="change('maxx')">上</a>  <br><br>
    <a href="javascript:void(0)" οnclick="change('norm')">中</a>  <br><br>
    <a href="javascript:void(0)" οnclick="change('minn')">下</a>  <br><br>

    <div id="chaa" class="norm">
        好玩易用掌上美图工具 <br>
        获取Root权限，深度管理手机 <br>
        支持语音指令、搜索、对话 <br>
    </div>
</body>
</html>

可以使用style对象，然后调用里面的属性来改变，也可以写css 然后改变div的class名称，改变样式。

刘啸尘-勤奋的小小尘

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript学习实录之五（节点操作） --刘小小尘

首先上个简单的代码，关于改变一段文本颜色的代码，很简单，注释也可以看，也是办法，只是我注了--> function change(classname) { var divObj = document.getElementById("chaa");// divObj.style.fontSize = "
复制链接

扫一扫