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