对象的操作-javascript

最新推荐文章于 2024-08-11 18:40:36 发布

aiquan9342

最新推荐文章于 2024-08-11 18:40:36 发布

阅读量116

点赞数

文章标签： javascript ViewUI

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

版权

任务要求：

每单机一下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' οnclick="test();" style="height:200px;width:200px;"></div>
</body>
</html>

转载于:https://www.cnblogs.com/xishaonian/p/6938452.html

aiquan9342

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
对象的操作-javascript

任务要求：每单机一下div，边框各加5px，且会红色跟黑色相互交替。学习总结：主要是学习到了parseInt这个函数。主要是将本身设置好的长宽然后再加5像素的时候需要用到该函数。如果直接加不使用该函数的话生成的是一个字符，是不能加减的。需要改函数的转换。这时候就需要parseInt函数了。parseInt("10"); //返回 10parseInt(...
复制链接

扫一扫