JavaScript CSS链接追加 - JavaScript

在Web开发中，我们常常需要通过JavaScript动态地向HTML页面中添加CSS样式表，以实现在线编辑、主题切换等功能。本文将介绍如何使用JavaScript来添加CSS链接。

方法一：创建link元素并添加到文档中

var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = '样式表地址';
document.getElementsByTagName('head')[0].appendChild(link);

以上代码创建了一个link元素并设置了其属性，然后使用appendChild()方法将其添加到head标签中。

方法二：修改link元素的href属性

如果我们已经有了一个CSS链接标签，可以通过JavaScript来修改它的href属性，以实现切换主题等效果。

document.getElementById('样式表ID').href = '新的样式表地址';

以上代码获取了ID为样式表ID的link元素，并将其href属性修改为新的样式表地址。

注意事项

• 在使用第一种方法时，要注意判断样式表链接是否已经存在，否则可能会造成多次加载及样式表冲突等问题。
• 在使用第二种方法时，要保证link元素已经在文档中，否则会出现null错误。

以上就是使用JavaScript添加CSS链接的方法，希望对你有所帮助。