在HTML網頁中,我們通常使用CSS來設置樣式,而在JavaScript中,我們可以通過添加外部CSS文件來改變HTML元素的樣式。下面我們來介紹如何通過JavaScript來添加外部CSS。
var link = document.createElement("link"); //創建link元素 link.rel = "stylesheet"; //設置rel屬性為stylesheet link.type = "text/css"; //設置type屬性為text/css link.href = "style.css"; //設置href屬性為外部CSS文件路徑 document.head.appendChild(link); //將link元素添加到head標簽中
上述代碼首先創建了一個link元素,然后設置了它的rel、type和href屬性,分別表示使用的CSS類型、CSS文件類型和CSS文件的路徑。最后,將link元素添加到head標簽中,這樣頁面就可以使用外部CSS文件進行樣式設置了。