HTML動態設置引用CSS 在網頁開發中，CSS被廣泛應用于網頁的樣式設計。通常情況下，我們會將CSS樣式碼嵌入HTML文檔中，或者引用外部的CSS文件，以達到頁面樣式的美化和靈活性的提高。但是，在某些特殊的情況下，我們需要動態設置CSS，即在HTML代碼中通過JavaScript實現CSS的動態加載和設置。下面我們來看看如何實現HTML動態設置引用CSS。 使用link動態添加CSS文件 在HTML文件中，通常使用link標簽來引用外部的CSS文件。同樣，我們可以通過JavaScript動態的創建一個link標簽，從而實現動態的添加CSS文件。代碼如下：

var head = document.getElementsByTagName("head")[0];
var link = document.createElement("link");
link.href = "example.css"; // CSS文件路徑
link.rel = "stylesheet";
link.type = "text/css";
head.appendChild(link);

使用style動態設置CSS樣式 除了引用外部的CSS文件，我們也可以通過JavaScript動態添加style標簽，直接在HTML代碼中設置CSS樣式。代碼如下：

var head = document.getElementsByTagName("head")[0];
var style = document.createElement("style");
style.type = "text/css";
var css = ".example {color: red; font-weight: bold;}";
style.appendChild(document.createTextNode(css));
head.appendChild(style);

總結 在網頁開發中，動態引用CSS文件和動態設置CSS樣式可適用于各種不同的情況。通過JavaScript動態的加載和設置CSS，我們能夠在實現頁面樣式的同時，提高頁面的靈活性和響應性。