对象的操作-javascript

Posted 可我浪费着我寒冷的年华

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对象的操作-javascript相关的知识,希望对你有一定的参考价值。

任务要求:

每单机一下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的主要内容,如果未能解决你的问题,请参考以下文章

从 TypeScript 类型定义或 GraphQL 片段定义生成 JavaScript 空对象

常用Javascript代码片段集锦

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

JavaScript单行代码,也就是代码片段

代码片段 - Golang 实现集合操作