在開發網頁時，難免會用到CSS（層疊樣式表）。通常我們會將CSS樣式編寫在html文件中的<style>標簽內或者將CSS樣式單獨寫在一個文件中，通過<link>標簽引入HTML文件。
當然，在開發過程中我們也會涉及到JavaScript操作CSS的情況。比如要通過JavaScript改變某個元素的樣式，我們就需要知道如何調用CSS文件。JavaScript可以通過document.createElement('link')方法動態創建<link>標簽，來實現引入CSS文件的目的。
var cssLink = document.createElement('link');
cssLink.rel = 'stylesheet';
cssLink.type = 'text/css';
cssLink.href = 'css文件的路徑';
document.getElementsByTagName('head')[0].appendChild(cssLink);以上代碼中，我們首先通過document.createElement('link')方法動態創建了一個<link>標簽，并為它設置了rel、type、href三個屬性。在設置完屬性后，我們還可以通過將它添加至<head>標簽中來引入CSS文件。
需要注意的是，以上方法只適用于動態添加外部樣式表文件。如果要改變已經存在于頁面中的樣式，我們就需要通過操作元素的style屬性來實現。在style屬性中，我們可以直接給CSS樣式命名并賦值。
document.getElementById('元素ID').style.[CSS樣式名稱] = 值;以上就是JavaScript中調用CSS文件的方法。學會使用它，可以更方便地控制頁面的樣式。