首页 > 代码库 > 对象的操作-javascript
对象的操作-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
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。