在JavaScript中，我們可以通過操作CSSStyleSheet對象來修改外部CSS樣式，以下是一些示例代碼，展示如何使用JavaScript修改外部CSS樣式：

我們需要獲取CSSStyleSheet對象的引用，這可以通過以下代碼實(shí)現(xiàn)：

var stylesheet = document.styleSheets[0]; // 假設(shè)外部CSS樣式表是文檔中的***個(gè)樣式表

我們可以使用insertRule方法向樣式表中添加新的CSS規(guī)則：

var rule = 'div { color: red; }'; // 要添加的CSS規(guī)則
stylesheet.insertRule(rule, 0); // 將規(guī)則添加到樣式表的開頭

或者，我們可以使用deleteRule方法刪除現(xiàn)有的CSS規(guī)則：

var index = 0; // 要刪除的規(guī)則的索引號
stylesheet.deleteRule(index); // 刪除索引號為0的規(guī)則

我們還可以獲取或設(shè)置樣式表中的媒體查詢（media query）：

var mediaQuery = stylesheet.media; // 獲取樣式表的媒體查詢
if (mediaQuery) {
  console.log('樣式表適用于以下媒體類型: ' + mediaQuery.mediaText);
} else {
  console.log('樣式表沒有媒體查詢。');
}

var newMediaQuery = 'max-width: 600px'; // 新的媒體查詢條件
stylesheet.media = newMediaQuery; // 設(shè)置樣式表的媒體查詢?yōu)樾碌臈l件

代碼僅適用于瀏覽器環(huán)境，且需要確保在代碼執(zhí)行時(shí)，外部CSS樣式表已經(jīng)加載到文檔中，由于JavaScript對CSS樣式的操作可能會受到瀏覽器安全策略的限制，因此在實(shí)際應(yīng)用中需要謹(jǐn)慎使用。