1. 程式人生 > >對象的操作-javascript

對象的操作-javascript

ack 對象 如果 () log str 任務 bsp col

任務要求:

每單機一下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