標題：使用JavaScript添加和移出CSS樣式

隨著現代Web開發的深入發展，越來越多的開發者開始使用JavaScript來創建交互式用戶界面。JavaScript不僅可以用于創建動態效果，還可以用于更改網頁的樣式。在本文中，我們將介紹如何使用JavaScript添加和移出CSS樣式。

要添加CSS樣式到JavaScript代碼中，您可以使用CSS嵌入技術。這種技術將CSS樣式文件嵌入到JavaScript代碼中，以便在JavaScript代碼中對其進行修改。您可以使用以下代碼將CSS樣式文件嵌入到JavaScript代碼中：

// 將CSS樣式文件嵌入到JavaScript代碼中

var css = document.createElement('style');

css.type = 'text/css';

css.innerHTML = 'body { background-color: #f00; }</style>';

document.body.appendChild(css);

然后，您可以使用JavaScript代碼來修改樣式。例如，您可以使用以下代碼將背景顏色更改為藍色：

// 修改CSS樣式

var css = document.createElement('style');

css.type = 'text/css';

css.innerHTML = 'body { background-color: #0096ff; }</style>';

document.body.appendChild(css);

要移出CSS樣式到JavaScript代碼中，您可以使用JavaScript中的“remove”操作符。例如，您可以使用以下代碼將嵌套的CSS樣式文件從JavaScript代碼中移除：

// 移除CSS樣式文件

var css = document.createElement('style');

css.type = 'text/css';

css.innerHTML = 'body { background-color: #f00; }</style>';

document.body.appendChild(css);

var out = document.createElement('style');

out.type = 'text/css';

out.innerHTML = 'body { background-color: #0096ff; }</style>';

document.body.appendChild(out);

然后，您可以使用JavaScript代碼來修改樣式。例如，您可以使用以下代碼將背景顏色更改為藍色：

// 修改CSS樣式

var out = document.createElement('style');

out.type = 'text/css';

out.innerHTML = 'body { background-color: #0096ff; }</style>';

document.body.appendChild(out);

out.remove();

請注意，如果您使用上述代碼，將CSS樣式文件從JavaScript代碼中移除時，它將從所有HTML元素中移除，包括文本節點和子元素。因此，您需要使用“appendChild”操作符將其添加到JavaScript代碼的適當位置。

總之，通過使用JavaScript中的“添加”和“移出”操作符，您可以輕松地添加和移出CSS樣式到和從JavaScript代碼中。通過使用上述代碼，您可以使用JavaScript來創建動態用戶界面，并使您的網頁更具可讀性和吸引力。