YUI StyleSheet不改變標籤樣式的內容

我想使用YUI StyleSheet改變樣式標籤的一些內容，但它不會改變。在視覺上，一切正常，但當我檢查鉻開發工具中的代碼時，沒有改變。難道我做錯了什麼？YUI StyleSheet不改變標籤樣式的內容

我的代碼：

風格

<style id="myStyle"> 
h1 
{ 
    background-color: red; 
} 
</style>

JavaScript和YUI

YUI().use('node','stylesheet', function (Y) 
{ 
    var sheet = Y.StyleSheet(Y.one("#myStyle")); 
    sheet.set(
     "h1", 
     { 
      backgroundColor: "#aabbcc", 
      paddingLeft: "100px", 
      paddingTop: "100px" 
     }); 
});

YUI做它的魔力後，標籤內容保持不變。我甚至不知道所有的風格在哪裏。

來源

2013-10-18 shadox

您如何檢查Chrome開發工具中的代碼？如果您正在查看源代碼，則只會看到原始樣式。 – barnyr

我知道，我正在檢查當前的代碼而不是源文件。按F12或CTRL + Shift + I。 – shadox

沒關係。 YUI StyleSheet適用於styleSheets對象，但不適用於樣式DOM元素的內部文本。因此，視覺上一切正常，但Dev Tools不顯示更改。檢查您的h1元素的樣式 - 您應該看到，您的更改已應用。

來源

2013-10-23 08:13:47 jslayer

這就是問題所在。我不確定id YUI是否適合我。我想導出樣式。有沒有可能做到這一點？ – shadox

你有沒有試過這個http://yuilibrary.com/yui/docs/api/classes/StyleSheet.html#method_getCssText？ – jslayer

YUI StyleSheet不改變標籤樣式的內容

回答

相關問題