📅  最后修改于: 2023-12-03 15:16:10.360000             🧑  作者: Mango
在开发 web 应用程序时,有时候我们需要动态地删除页面中的 CSS 链接。Javascript 提供了一种简单的方法来完成这个任务。
以下是一个用 Javascript 删除 CSS 链接的示例代码:
// 获取所有的 CSS 链接元素
const cssLinks = document.querySelectorAll('link[rel="stylesheet"]');
// 遍历 CSS 链接列表
Array.from(cssLinks).forEach(cssLink => {
// 删除 CSS 链接元素
cssLink.parentNode.removeChild(cssLink);
});
代码解释:
document.querySelectorAll
方法获取所有的 <link>
元素,且其 rel
属性值为 "stylesheet",也就是 CSS 链接。Array.from
方法将获取到的 NodeList 转换为数组。forEach
方法遍历 CSS 链接列表。parentNode.removeChild
方法删除该元素。请注意,在执行此代码之前,确保 HTML 文档已经完全加载,以便正确获取和操作 CSS 链接元素。
以上代码片段将删除所有的 CSS 链接。如果你只想删除特定的 CSS 链接,可以根据需要修改选择器或添加额外的条件来过滤要删除的链接。
希望以上代码能帮助到你!