document.styleSheets [i] .disabled在chrome中不起作用

我有一個很奇怪的問題需要解決;該解決方案應該是純JavaScript（不允許框架）。這裏是：「顯示在頁面上啓用的所有樣式表」。document.styleSheets [i] .disabled在chrome中不起作用

因爲在IE中有多個問題innerHtml，所以我使用chrome，儘管它具有樣式表的cssText屬性，它完全適合我的目的。

不管怎麼說，這是我的榜樣

<html> 
    <head> 
     <style MEDIA="screen"> 
      h1 {color:blue; font-size:10pt; background-color:cyan} 
     </style> 
     <style MEDIA="screen" DISABLED="true"> 
      h4 {color:blue; font-size:10pt; background-color:cyan} 
     </style> 
     <style MEDIA="print"> 
      h1 {color:gray; font-size:12pt; font-weight: bold} 
      h2 {font-style:italic} 
     </style> 
     <style DISABLED="true"> 
      h2 {color:green; font-size:12pt} 
     </style> 
     <style> 
      h3 {font-style:italic} 
     </style> 

     <script language="Javascript"> 
      function displayActiveStyles() { 
       var container = document.getElementById('activeStyles');         
       var i; 
       for (i=0; i<document.styleSheets.length; i++) { 
        alert(document.styleSheets[i].disabled); 
       } 
      }     
     </script> 
    </head> 
    <body> 
     <h1>one</h1> 
     <h2>two</h2> 
     <h3>three</h3> 
     <input type="button" value="show" onclick="displayActiveStyles()" > 
     <hr /> 
     <div id="activeStyles"></div> 
    </body> 
</html>

的問題是，所有5種樣式它提醒false這是不正確的。如果任何人有任何想法我犯了一個錯誤，或者如果它可以在鉻合金可行，請讓我知道。

來源

2012-01-03 Clergyman

您的語言和用戶名...有點衝突;） – Blender 2012-01-03 22:28:25

鉻有報告的錯誤http://code.google.com/p/chromium/issues/detail?id=88310。谷歌正在使用鉻源來構建他們的谷歌Chrome瀏覽器 – 2012-01-03 22:35:52

Blender，=）好點，會「廢話」而不是胡說八道嗎？ – Clergyman 2012-01-04 18:39:00

我知道你想列出每個樣式表的href，對吧？在你的代碼中，你正在瀏覽每個樣式表，並提醒它是禁用的屬性。由於他們已啓用，他們警告「錯誤」，這是正確的。如果你想獲得只有那些啓用的href，你可以這樣做：

var i; 
for (i = 0; i < document.styleSheets.length; i++) { 
    if (!document.styleSheets[i].disabled) { 
     alert(document.styleSheets[i].href); 
    } 
}

這裏嘗試這個，有一個樣式表其其href是null。不太確定這是爲什麼，我快速搜索了一些東西，這可能是因爲它是一個<style>標籤。您可以添加支票document.styleSheets[i].href along with the check for已禁用。

來源

2012-01-03 22:51:31 julioolvr

謝謝，但不，這不是我想要做的。我的任務是顯示啓用樣式表的規則，但這不是重點，我的問題是.disabled總是返回false，但事實並非如此。 – Clergyman 2012-01-04 08:40:14

document.styleSheets [i] .disabled在chrome中不起作用

回答

相關問題