在web開發中，我們經常需要在網頁中調用不同的樣式表（css）來美化頁面的顯示效果。但是，如果我們想要在JavaScript中引用css樣式，該怎么做呢？下面就讓我們一起來了解吧。

在JavaScript中引用css樣式比較常見的方法是使用：

document.createElement("link");

然后給這個元素設置樣式并添加到HTML頁面中。下面是一個簡單的示例代碼：

var cssId = 'myCss'; //創建一個動態生成的cssId，避免與其他元素沖突
if (!document.getElementById(cssId))
{
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.id = cssId;
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'mystyle.css';
link.media = 'all';
head.appendChild(link); // 將link元素添加到head標簽中
}

上面的代碼實現了在JavaScript中引用css樣式的功能。其中，首先創建了一個link元素并設置了其屬性，然后調用了getElementsByTagName方法獲取head元素，并使用appendChild方法將link元素添加到head標簽中，最后瀏覽器會解析mystyle.css文件并將其應用在網頁中。

需要注意的是，在使用JavaScript引入css樣式的時候，應該盡量避免在網頁加載過程中多次加載css文件，這樣會降低頁面加載的速度和用戶體驗。通常的做法是在網頁加載完成后才使用JavaScript來動態引入css樣式。

以上就是關于在JavaScript中引用css樣式的簡單介紹，希望能對你有所幫助。