Javascript 从ownerNode（样式标记）获取样式表对象

我的网页中有多个

样式

标记，我想操纵其中的

cssRules

。如何从样式元素中获取

document.styleSheets

中的

样式表

对象。一种方法是扫描

document.styleSheets

中的所有

样式表

，并将其

所有者节点

与我的

样式

元素对象匹配。有什么更好的方法吗？

根据，样式元素实现了

链接样式

接口，该接口通过引用可以指向一个指示每个样式元素（与

一样）都有一个

表

属性，只要它们是

文本/css

，默认值。从那里你可以得到你想要的更专业的CSSStyleSheet接口（即带有

cssRules

）

p{颜色：蓝色；}
var h=document.getElementsByTagName（'style'）[0]；
警报（h.sheet.cssRules[0].cssText）；//“p{颜色：蓝色；}”

<style>
  p {color:blue;}
</style>
<script>

  var h = document.getElementsByTagName('style')[0];
  alert(h.sheet.cssRules[0].cssText); // "p { color: blue; }"

</script>