首页 > 编程语言 > 详细

对象的操作-javascript

时间:2017-06-03 21:27:15      阅读:281      评论:0      收藏:0      [点我收藏+]

任务要求:

每单机一下div,边框各加5px,且会红色跟黑色相互交替。

学习总结:

主要是学习到了parseInt这个函数。主要是将本身设置好的长宽然后再加5像素的时候需要用到该函数。如果直接加不使用该函数的话生成的是一个字符,是不能加减的。需要改函数的转换。

学习代码:

<html>
<head>
<style>
    .a{
        background: red;
    }
    .b{
        background: black;
    }
</style>
<script>
    function test(){
        var div = document.getElementsByTagName(‘div‘)[0];
        if(div.className.indexOf("a")>=0){
            div.className = "b";
        }else{
            div.className = "a";
        }
        div.style.width = parseInt(div.style.width)+5+‘px‘;
        div.style.height = parseInt(div.style.height)+5+‘px‘;
    }
</script>
</head>
<body>
    <div class=‘a‘ onclick="test();" style="height:200px;width:200px;"></div>
</body>
</html>

 

对象的操作-javascript

原文:http://www.cnblogs.com/xishaonian/p/6938452.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!