如何删除CSS样式<style> tag using JavaScript/jQuery？

在Web开发中，CSS样式的应用非常重要，但有时候我们需要通过JS/jQuery的代码去删除某个样式，那么应该怎么做呢？下面我将为大家介绍几种方法。

使用原生JavaScript

使用原生JavaScript可以通过以下两种方式来删除<style>标签中的样式：

1. 利用innerHTML

可以通过innerHTML属性来将<style>标签的内容置为空字符串，从而达到删除样式的效果。

var styleTag = document.getElementsByTagName('style')[0];
styleTag.innerHTML = '';

2. 利用removeChild()

另外一种方法是使用removeChild()方法移除<style>标签。

var styleTag = document.getElementsByTagName('style')[0];
styleTag.parentNode.removeChild(styleTag);

使用jQuery

利用jQuery库的话可以更为方便地实现删除样式的效果，只需要使用removeAttr()或remove()方法即可。

1. 利用removeAttr()

$('style').removeAttr('type');

可以利用removeAttr()方法来移除<style>标签的属性值，比如上面示例代码中就是移除了type属性。

2. 利用remove()

$('style').remove();

另外一种更为直接的方法是使用remove()方法将<style>标签直接移除，如上面示例代码中所示。

以上就是删除CSS样式<style>标签的几种方法，可以根据自己的工作需求进行选择。