如果你在寫JavaScript代碼的過程中,想要獲取自己的CSS,那么可以使用如下代碼:
var styles = document.styleSheets; for (var i = 0; i< styles.length; i++) { if (styles[i].ownerNode.tagName.toLowerCase() === 'style') { console.log(styles[i].ownerNode.innerHTML); // 輸出CSS代碼 } }
上述代碼中,我們首先獲取到當前頁面中的所有樣式表(styleSheets),然后通過遍歷獲取樣式表(CSSStyleSheet)的ownerNode屬性來判斷是否是我們自己寫的CSS,最后輸出CSS代碼。
需要注意的是,如果你的CSS是通過link標簽鏈接到HTML頁面中的,那么可以通過以下代碼獲取:
var links = document.getElementsByTagName('link'); for (var i = 0; i< links.length; i++) { if (links[i].getAttribute('rel') === 'stylesheet') { console.log(links[i].getAttribute('href')); // 輸出CSS鏈接地址 } }
上述代碼中,我們首先獲取到當前頁面中的所有link標簽,然后通過判斷rel屬性是否為stylesheet來判斷是否是CSS鏈接,最后輸出CSS鏈接地址。
通過以上方法獲取到自己的CSS后,就可以對自己的樣式進行更加靈活的操作了。
上一篇css里 怎么
下一篇js里添加多個css樣式