首頁 > web前端 > css教學 > 如何透過 JavaScript 使用 CSS 變更 HTML 元素背景顏色?

如何透過 JavaScript 使用 CSS 變更 HTML 元素背景顏色?

Linda Hamilton
發布: 2024-11-05 04:49:02
原創
1002 人瀏覽過

How to Change HTML Element Background Color with CSS via JavaScript?

透過 JavaScript 使用 CSS 更改 HTML 元素背景顏色

透過 JavaScript 使用 CSS 自訂 HTML 元素背景顏色的挑戰經常出現。

為了解決這個問題,CSS 屬性透過使用駝峰命名法並省略破折號來轉換為 JavaScript 對應項。因此,「background-color」變成「backgroundColor」。

這裡有一個全面的程式碼示範:

function setColor(element, color)
{
    element.style.backgroundColor = color;
}

// where el is the targeted element
var el = document.getElementById('elementId');
setColor(el, 'green');
登入後複製

透過採用這種方法,您可以使用動態變更 HTML 元素的背景顏色JavaScript。

以上是如何透過 JavaScript 使用 CSS 變更 HTML 元素背景顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板