如何使用 JavaScript 更改 CSS 屬性？

如何在 JavaScript 中設定 CSS 屬性

JavaScript 可以動態控制網頁元素，包括透過 CSS 屬性管理其視覺外觀。若要使用 JavaScript 設定 CSS 屬性，請使用 element.style 屬性。

範例：

假設您使用JavaScript 建立了一個HTML 選取元素：

var menu = document.createElement('select');

要將此選取元素的寬度設為100像素，可以使用以下JavaScript 程式碼：

menu.style.width = "100px";

說明：

樣式HTML 元素的property 提供對其CSS 屬性的存取。透過為特定 CSS 屬性（例如「寬度」）指派一個值，您可以動態修改其值。在這種情況下，選擇元素的寬度將設定為 100 像素。

使用 element.style 是在 JavaScript 中操作 CSS 屬性的直接且簡單的方法，可讓您即時更改網頁元素的外觀和佈局。

以上是如何使用 JavaScript 更改 CSS 屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！