在JavaScript中執(zhí)行CSS樣式的方法有多種，以下是一些常見的實(shí)現(xiàn)方式：

1、直接操作樣式表：

通過JavaScript的document.styleSheets屬性，我們可以訪問到所有的樣式表。

使用styleSheet.insertRule()方法，可以向指定的樣式表中添加新的規(guī)則。

示例

var styleSheet = document.styleSheets[0]; // 假設(shè)我們想要操作***個(gè)樣式表
var rule = 'body { background-color: blue; }'; // 假設(shè)我們想要添加的樣式規(guī)則
styleSheet.insertRule(rule, 0); // 在樣式表的開頭添加這條規(guī)則

2、操作單個(gè)元素的樣式：

通過JavaScript的element.style屬性，我們可以直接操作單個(gè)元素的樣式。

示例

var element = document.getElementById('myElement'); // 假設(shè)我們想要操作id為'myElement'的元素
element.style.backgroundColor = 'blue'; // 設(shè)置該元素的背景顏色為藍(lán)色

3、使用CSS類：

通過JavaScript的element.classList屬性，我們可以操作元素的類名，從而應(yīng)用或移除相應(yīng)的樣式。

示例

var element = document.getElementById('myElement'); // 假設(shè)我們想要操作id為'myElement'的元素
element.classList.add('myClass'); // 給該元素添加類名'myClass'

4、使用CSS偽類：

通過JavaScript的element.classList屬性，我們還可以操作元素的偽類，如:hover、:active等。

示例

var element = document.getElementById('myElement'); // 假設(shè)我們想要操作id為'myElement'的元素
element.classList.add(':hover'); // 給該元素添加偽類':hover'

是一些在JavaScript中執(zhí)行CSS樣式的基本方法，你可以根據(jù)自己的需求選擇適合的方法。