Question

让我们说我的当前页面如下：

<html>
    <head>
      <style>
         /* I want to get all this as a string.. AS IS */
      </style>
    </head>
    <body>
       <script>
       function getEntireStyleAsString()
       {
              var str = "";
             /// .... what should be in here?
             return str;
       } 
       </script>
    </body>

</html>

我喜欢一个简单的函数，它将我的整个页面样式作为字符串返回。使用jquery很好。我已经研究了一段时间，但却无法找到答案。

Answer 1

如果您只想要页面上的第一个样式表，可以使用以下内容：

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

但是，这只会获得第一个样式标记内的代码。

Answer 2

如果允许使用jQuery，你可以这样写：

 var styles = $('style');

这为文档中的所有样式提供了jQuery选择。从这里，您可以执行以下操作：

styles.text();

将它全部作为字符串。祝你好运！

Answer 3

明白了，没关系。

<style id='test'>
</style>

$('#test').text()

Answer 4

您可以使用 Peter Rasmussen 提供的答案。但是，如果<style>部分中有多个<head>标记，则最好使用此标记来提取所有样式：

var sts = document.getElementsByTagName('style');
var str = '';
for(i = 0; i < sts.length; i++){
    str = str + sts[i].innerHTML;
}
document.write(str);

如何将当前页面样式表作为字符串？

4 个答案: