任务要求：
每单机一下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;200px;"></div> </body> </html>