您的位置：首页 > Web前端 > JavaScript

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

2013-05-09 22:17 417 查看
首先上个简单的代码，关于改变一段文本颜色的代码，很简单，注释也可以看，也是办法，只是我注了

<!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)" onclick="change('maxx')">上</a>  <br><br>
    <a href="javascript:void(0)" onclick="change('norm')">中</a>  <br><br>
    <a href="javascript:void(0)" onclick="change('minn')">下</a>  <br><br>

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


可以使用style对象，然后调用里面的属性来改变，也可以写css 然后改变div的class名称，改变样式。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航