2013-02-04 76 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

非常感謝,我欣賞它:) –