Document.styleSheets Info
Document.styleSheets：
一組關聯於文檔的樣式表片段集合.
Document.styleSheet：
一個關聯於文檔的樣式表片段對象.
/** * 得到 styleSheets:方法 * @return Array of styleSheet */ function getDocStyleSheets(){ var doc_styleSheets=document.styleSheets; return doc_styleSheets; } var css01=getDocStyleSheets()[0];//得到文檔中關聯的第一個stylesheet片段對象. /* stylesheet對象 對於Firefox公開的對象: type disabled ownerNode parentStyleSheet href title media ownerRule cssRules insertRule deleteRule _____________________________________________ stylesheet對象 對於IE公開的對象: owningElement pages id type href disabled cssText readOnly title parentStyleSheet imports rules media 兼容IE&FireFox的對象: disabled --> 是否啟用此css定義片段 e g. css01.disabled=true; 這時當前文檔講忽略css01的css定義 rules-->css定義集合[IE專有],可讀寫 cssRules-->css定義規則集合[Firefox專有]可讀寫 e g. var css01_Rules=css01.rules||css01.cssRules; css01_Rules.style.fontSize='12px'; 這時候將改變css定義中body{ font-size:14px; } 頁面所有文字大小講改變。 */這種應用可以應用在對於頁面大量dom元素的渲染操作。非常節省客戶端資源。免除了遍歷DOM節點。免除了給每個dom節點設置特定的id或className
