JavaScript DOM操作案例點擊按鈕修改div的屬性


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="button" value="修改屬性" id="bt"/>
<div id="dv"></div>
<!--引入js文件-->
<script src="common.js"></script>
<script>
    //凡是css中這個屬性是多個單詞的寫法,js代碼中DOM操作的時候,把-干掉,后面的單詞大寫

    //點擊按鈕,修改div的寬高和背景顏色
    my$("bt").onclick = function () {
        my$("dv").style.width = "300px";
        my$("dv").style.height = "300px";
        my$("dv").style.backgroundColor = "deeppink";
    };
</script>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM