在JavaScript中,我們可以通過操作DOM元素來改變網頁的樣式。一種改變元素樣式的方式是通過改變元素的style屬性。在JavaScript中,我們可以使用以下代碼來改變一個元素的背景顏色:
let element = document.getElementById('myDiv'); element.style.backgroundColor = 'red';
這種方式比較適合通過JavaScript動態改變樣式。“style”屬性的值是一個CSSStyleDeclaration對象,其中包含元素的當前樣式屬性。我們可以直接操作對象的屬性來改變樣式,例如可以使用以下代碼來改變文本顏色:
element.style.color = 'blue';
但是,如果需要設置大量的樣式,會導致代碼變得臃腫,不易于維護。這時候,我們可以使用在JavaScript中嵌入CSS樣式表的方式來定義元素的樣式。
首先,在HTML文件中添加一個