對象的操作-javascript
阿新 • • 發佈:2017-06-03
ack 對象 如果 () log str 任務 bsp col
任務要求:
每單機一下div,邊框各加5px,且會紅色跟黑色相互交替。
學習總結:
主要是學習到了parseInt這個函數。主要是將本身設置好的長寬然後再加5像素的時候需要用到該函數。如果直接加不使用該函數的話生成的是一個字符,是不能加減的。需要改函數的轉換。
學習代碼:
<html> <head> <style> .a{ background: red; } .b{ background: black; } </style> <script> functiontest(){ 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