2013-02-04 41 views
2

我想提取使用JS的媒体查询内容CSS属性。但引号似乎被剥夺。请参阅以下内容:JS引用字符被剥离

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script type="text/javascript"> 

    $(window).load(function() { 

     for(var i = 0; i < document.styleSheets.length; i++){ 

      for(var j = 0; j < document.styleSheets[i].cssRules.length; j++){ 

       for(var k = 0; k < document.styleSheets[i].cssRules[j].cssRules.length; k++){ 

        var css_text = document.styleSheets[i].cssRules[j].cssRules[k].cssText; 

        console.log('css_text'); 
        console.log(css_text); 

       } 

      } 

     } 

    }); 

</script> 
<style type="text/css"> 

    @media screen and (max-width: 960px) { 

     body:after{ 
      content: "hello"; 
     } 

    } 

</style> 
</head> 
<body style="margin: 0px;"> 

    some stuff here... 

</body> 
</html> 

以上的回报:

css_text 
body::after { content: hello; } 

我希望回报:

css_text 
body::after { content: "hello"; } 

我使用的是谷歌Chrome浏览器。

有没有什么办法可以保留原本包围你好的引号?

回答

1

您需要转义引号。下面这个链接是做这件事.. http://magp.ie/2011/01/20/addslashes-and-stripslashes-in-javascript/

所以,你会写,而不是
console.log(addslashes(css_text));

让我知道它是否有效:)

+0

嗨,我试过了,但可惜它不起作用。尽管感谢您的帮助! –

+0

我在我的平板电脑atm和即将入睡,但如果这仍然活跃,我会在早上给它刺:-) – asifrc

+0

非常感谢,我欣赏它:) –