对象的操作-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的主要内容,如果未能解决你的问题,请参考以下文章