如何更改 html 元件的顏色

Question

如何通過單擊按鈕更改html元素的顏色並通過單擊按鈕更改其顏色如果你不明白這里是一個視覺

如果您運行此代碼，它會顯示一個紅色框和一個按鈕

<!DOCTYPE html>
<html>
    <body>
        <div id="player" style="background:blue;height: 200px;width: 100px;">
            <button> Change Color </button>
    </body>
    </html>

Answer 1

在下面的代碼中，我有一個帶有背景顏色、高度和寬度的普通 div。 我還有一個帶有 onclick function 的按鈕，該按鈕在 javascript 代碼中定義（在腳本標簽之間）。 單擊按鈕時，我調用“changeCol”function。 在changeCol function 中，我通過查找 id 為“myDiv”的元素，然后使用來獲取 div。 style指定我要更改元素的樣式，.background 更改背景顏色。

<!DOCTYPE html>
<html>
<body>
    <div id="myDiv" style="background:red;height: 200px;width: 100px;">
    </div>
    <button onclick="changeCol()">Click me</button>

   <script>
     function changeCol() {
         document.getElementById("myDiv").style.background = "yellow";
     }
    </script>
</body>
</html>

如何更改 html 元件的顏色

問題描述

1 個解決方案

解決方案1
0 已采納 2021-03-03 22:42:08

如何更改 html 元件的顏色

問題描述

1 個解決方案

解決方案1 0 已采納 2021-03-03 22:42:08

解決方案1
0 已采納 2021-03-03 22:42:08