码迷,mamicode.com
首页 > 编程语言 > 详细

对象的操作-javascript

时间:2017-06-03 21:41:38      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:index   doc   code   转换   cli   操作   ack   targe   blank   

任务要求:

每单机一下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

标签:index   doc   code   转换   cli   操作   ack   targe   blank   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!