18點擊一個按鈕，設置div的樣式（通過調用類樣式）

<style type="text/css">
            div {
                width: 200px;
                height: 200px;
                background-color: #008000;
                border: 3px solid #9895F7;
            }
        </style>

<input type="button" value="設置樣式" id="btn21" />
        <div id="dv"></div>
        <script type="text/javascript">
            //凡是css中這個屬性是對個單詞的寫法,在jsDOM操作的時候,把-去掉,
            //后面單詞的首字母大寫即可.比如:background-color 寫成 backgroundColor
            function my$(id) {
                return document.getElementById(id);
            }
            my$("btn21").onclick=function(){
                // var dvObj=my$("dv");
                // dvObj.style.width="200px";
                // dvObj.style.height="200px";
                // dvObj.style.backgroundColor="#008000";
                // dvObj.style.border="3px solid #9895F7";   //樣式太多,用下面這種調用方式
                
                //在js代碼中DOM操作的時候,設置元素的類操作,不用class關鍵字,應該用className
                my$("dv").className="cls";//調用類
            };
            
        </script>