📜  javascript 删除 css 链接 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:10.360000             🧑  作者: Mango

删除 CSS 链接 - Javascript

在开发 web 应用程序时,有时候我们需要动态地删除页面中的 CSS 链接。Javascript 提供了一种简单的方法来完成这个任务。

以下是一个用 Javascript 删除 CSS 链接的示例代码:

// 获取所有的 CSS 链接元素
const cssLinks = document.querySelectorAll('link[rel="stylesheet"]');

// 遍历 CSS 链接列表
Array.from(cssLinks).forEach(cssLink => {
  // 删除 CSS 链接元素
  cssLink.parentNode.removeChild(cssLink);
});

代码解释:

  1. 使用 document.querySelectorAll 方法获取所有的 <link> 元素,且其 rel 属性值为 "stylesheet",也就是 CSS 链接。
  2. 使用 Array.from 方法将获取到的 NodeList 转换为数组。
  3. 使用 forEach 方法遍历 CSS 链接列表。
  4. 对于每个 CSS 链接元素,使用 parentNode.removeChild 方法删除该元素。

请注意,在执行此代码之前,确保 HTML 文档已经完全加载,以便正确获取和操作 CSS 链接元素。

以上代码片段将删除所有的 CSS 链接。如果你只想删除特定的 CSS 链接,可以根据需要修改选择器或添加额外的条件来过滤要删除的链接。

希望以上代码能帮助到你!