前端切圖|點擊按鈕div變色

時間 2019-11-13

標籤前端點擊按鈕 div 變色欄目 CSS 简体版

原文原文鏈接

圖片.png

<!DOCTYPE html>  
    <html>  
        <head>  
            <title>點擊按鈕div變色.html</title>  
            <meta charset="utf-8" />  
        </head>  
        <body>  
            <!--點擊改變當前div的顏色，因此要給onclick這個事件的函數傳遞當前的對象便可-->  
            <div style="width:300px;height:30px;padding-top:10px;background:#3bb4f2;" onclick="changeColor(this)">  
          開始
            </div>  
        </body>  
        <script>  
        //這個事件的目的是：當咱們點擊時要怎麼處理  
            function changeColor(obj)  
            {  
                //由於JS會把HTML標籤當作一個對象  
                //對象.屬性 = 值;  
                obj.style.background = 'pink';  
            }  
        </script>  
    </html>

本專題記錄平時項目中一些最基礎簡單的實現代碼和容易忽略的細節，僅僅是爲了記錄，對於本身來講，基礎是最重要的，一個項目就是由無數的基礎組成。html

原文做者：祈澈姑娘
技術博客：https://www.jianshu.com/u/05f416aefbe1前端

90後前端妹子，愛編程，愛運營，愛折騰。
堅持總結工做中遇到的技術問題，堅持記錄工做中所所思所見，歡迎你們一塊兒探討交流。編程

相關標籤/搜索