2017-01-02 49 views
2

我嘗試插入一個css規則打字稿基於https://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript。 insertRule方法無法識別。我有以下錯誤:CSSStyleSheet類型的問題,同時試圖插入一個css規則打字

Type 'StyleSheet' is not assignable to type 'CSSStyleSheet'. Property 'cssRules' is missing in type 'StyleSheet'. 

這裏是我的代碼:

let stylesheet: CSSStyleSheet = document.styleSheets[0]; 
stylesheet.insertRule(".scroll-content { overflow: hidden;}",0); 

我與離子2和工作角2

謝謝您的幫助

+0

用'stylesheet = document.styleSheets [0];'替換'let stylesheet:CSSStyleSheet = document.styleSheets [0];''。順便說一下,'styleSheets'是什麼?它是一個數組嗎? –

回答

0

嘗試這個片段用於定義從this answer稍微修改過的樣式表。

if (document.styleSheets[0].cssRules) 
    let stylesheet: CSSStyleSheet = document.styleSheets[0].cssRules[0]; 
else if (document.styleSheets[0].rules) 
    let stylesheet: CSSStyleSheet = document.styleSheets[0].rules[0];