在 JavaScript 中，可以通過引入外部 CSS 樣式文件來增加 CSS 樣式。這種方式可以讓樣式信息存儲在 JavaScript 代碼的外部文件中，從而使樣式能夠在 JavaScript 中被訪問和修改。在本文中，我們將介紹如何在 JavaScript 中增加 CSS 樣式。

首先，我們需要確保已經將 CSS 樣式文件引入到我們的 JavaScript 項目中。通常情況下，我們可以通過在 HTML 文件中引入 CSS 文件，并在 JavaScript 文件中引入該文件的源代碼來實現這一點。例如，如果我們要在 HTML 文件中引入一個名為“style.css”的 CSS 文件，我們可以在 HTML 文件中添加以下代碼：

<link rel="stylesheet" type="text/css" href="style.css">

接下來，我們可以使用 JavaScript 的內置函數來訪問外部 CSS 樣式文件。這些函數包括 `document.styleSheets` 和 `document.styleSheet`。使用這些函數，我們可以遍歷整個文檔，查找與我們要添加的 CSS 樣式相關的樣式表，并將其添加到當前的樣式表中。例如，如果我們要將一個名為“main.css”的 CSS 樣式添加到當前的樣式表中，我們可以使用以下代碼：

var sheet = document.styleSheets[1]; // 選擇第一個樣式表

var stylesheet = sheet.join('/<style>')[0]; // 將樣式表名稱和<style>標簽拼接起來

sheet.addRule(stylesheet, true); // 將樣式添加到當前樣式表中

在上面的代碼中，我們首先使用 `document.styleSheets[1]` 訪問當前樣式表，然后使用 `join('/<style>')` 將樣式表名稱和<style>標簽拼接起來，最后使用 `sheet.addRule(stylesheet, true)` 將樣式添加到當前樣式表中。

除了使用內置函數之外，我們還可以使用 JavaScript 的內置對象 `CSSStylesheet` 來訪問 CSS 樣式文件。例如，如果我們要將一個名為“main.css”的 CSS 樣式添加到當前的樣式表中，我們可以使用以下代碼：

var sheet = CSSStylesheet.create(); // 創建一個CSSStylesheet對象

sheet.addRule(stylesheet, true); // 將樣式添加到當前樣式表中

在上面的代碼中，我們首先使用 `CSSStylesheet.create()` 創建一個 CSS 樣式 sheet，然后使用 `addRule()` 方法將樣式添加到該樣式表中。

通過引入外部 CSS 樣式文件，我們可以在 JavaScript 中增加 CSS 樣式。這種方法可以讓樣式能夠在 JavaScript 中被訪問和修改，從而為我們的應用程序增加美觀和可讀性。