通過JS修改CSS屬性，我們可以輕松地改變網(wǎng)頁的外觀和樣式，下面是一些常見的JS修改CSS屬性的方法。

1、直接修改CSS樣式：我們可以使用JavaScript的document.styleSheets對象來訪問網(wǎng)頁的CSS樣式表，并直接修改其中的規(guī)則，我們可以使用以下代碼將網(wǎng)頁的背景顏色修改為黑色：

document.styleSheets[0].cssRules[0].style.backgroundColor = "black";

2、使用style屬性：我們可以使用元素的style屬性來修改單個元素的樣式，我們可以使用以下代碼將網(wǎng)頁標題的顏色修改為藍色：

document.title.style.color = "blue";

3、添加或刪除CSS規(guī)則：我們可以使用JavaScript的document.styleSheets對象來添加或刪除CSS規(guī)則，我們可以使用以下代碼添加一個新的CSS規(guī)則，將段落文本的字體顏色修改為綠色：

document.styleSheets[0].insertRule("p { color: green; }", 0);

4、使用CSSStyleSheet對象：我們可以使用JavaScript的CSSStyleSheet對象來創(chuàng)建新的樣式表，并將其添加到網(wǎng)頁中，我們可以使用以下代碼創(chuàng)建一個新的樣式表，并將段落文本的字體顏色修改為紅色：

var style = document.createElement("style");
style.type = "text/css";
style.innerHTML = "p { color: red; }";
document.head.appendChild(style);

是幾種常見的JS修改CSS屬性的方法，需要注意的是，不同的方法適用于不同的場景，我們需要根據(jù)具體的需求選擇適合的方法，由于JS修改CSS屬性是一種動態(tài)的方式，我們需要注意其可能帶來的性能和兼容性的問題，在使用JS修改CSS屬性時，我們需要謹慎地考慮其適用性和安全性。