javascript选择样式标签？

Question

我认为您可以通过执行以下操作来选择样式元素：

<style id="mystyle"></style>

然后

$('#mystyle').remove()

但是不行。 js中如何选择样式？

谢谢。

Answer 1

根据规范，样式元素不能有 id 属性。

<!ELEMENT STYLE - - %StyleSheet        -- style info -->
<!ATTLIST STYLE
  %i18n;                               -- lang, dir, for use with title --
  type        %ContentType;  #REQUIRED -- content type of style language --
  media       %MediaDesc;    #IMPLIED  -- designed for use with these media --
  title       %Text;         #IMPLIED  -- advisory title --
  >

来源。

然而，在实践中，浏览器通常会让你摆脱这些事情。但它们的实现可能有所不同。

您是否考虑过通过其他方式选择它？ $('head style:eq(1)) 怎么样。

Answer 2

试试这个：

$('style[id=mystyle]').remove()

Answer 3

似乎在 Firefox 4.x 中工作正常...

现场演示

$('#mystyle1').remove();

$('style[id=mystyle2]').remove();

document.body.removeChild(document.getElementById('mystyle3'));

Answer 4

也许你可以尝试这个解决方法？

$("head").find("#mystyle")

或者，回到基础知识并使用老式的 javascript：

document.getElementById("mystyle")