可我浪费着我寒冷的年华

对象的操作-javascript

任务要求：

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

学习总结：

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

parseInt("10");			//返回 10
parseInt("19",10);		//返回 19 (10+9)
parseInt("11",2);		//返回 3 (2+1)
parseInt("17",8);		//返回 15 (8+7)
parseInt("1f",16);		//返回 31 (16+15)
parseInt("010");		//未定：返回 10 或 8

学习代码：

<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>

 

posted @ 2017-06-03 20:56  珍惜少年时  阅读(213)  评论(0)  编辑  收藏  举报
可我浪费着我寒冷的年华