parentStyleSheet屬性
parentStyleSheet屬性可以獲取當前樣式表的父樣式表。
如果當前樣式本身就是頂層樣式表,那麼此屬性返回null。
最常見是一個樣式通過@import引入其他樣式表,被引入的樣式表就不是頂層樣式表了。
關於樣式表物件參閱CSSStyleSheet 物件詳解一章節。
語法結構:
[JavaScript] 純文字檢視 複製程式碼stylesheet.parentStyleSheet
瀏覽器支援:
(1).IE瀏覽器支援此屬性。
(2).edge瀏覽器支援此屬性。
(3).谷歌瀏覽器支援此屬性。
(4).火狐瀏覽器支援此屬性。
(5).opera瀏覽器支援此屬性。
(6).safria瀏覽器支援此屬性。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #ant { width:100px; height:100px; line-height:100px; text-align:center; background-color: red; } </style> <script> window.onload = function () { let odiv = document.getElementById("ant"); let styleSheet = document.styleSheets[0] console.log(styleSheet.parentStyleSheet); } </script> </head> <body> <div id="ant">螞蟻部落</div> </body> </html>
程式碼執行效果截圖如下:
上述程式碼中,內部樣式表已經是頂層樣式表了,所以parentStyleSheet屬性返回值為null。
相關文章
- CMake 屬性之全域性屬性
- defer 屬性和 async 屬性
- CSS 屬性篇(七):Display屬性CSS
- CMake 屬性之目錄屬性
- CMake 屬性之目標屬性
- Python - 物件導向程式設計 - 公共屬性、保護屬性、私有屬性Python物件程式設計
- CSS字型屬性和文字屬性詳解CSS
- Python 類的屬性與例項屬性Python
- python物件屬性管理(2):property管理屬性Python物件
- 根據屬性字串獲取屬性值字串
- CAD屬性編輯操作——物件屬性教程物件
- cssRules 屬性CSS
- previousElementSibling 屬性
- translucent屬性
- parentRule 屬性
- cssText 屬性CSS
- Property屬性
- 私有屬性
- background屬性
- allowfullscreen 屬性
- ref屬性
- HTML 屬性HTML
- onreadystatechange 屬性
- DOM屬性
- jQuery 屬性jQuery
- background 屬性
- jQuery設定disabled屬性與移除disabled屬性jQuery
- WPF 之 依賴屬性與附加屬性(五)
- 框架(frameset),全域性屬性框架
- JavaScript cells 屬性JavaScript
- XMLHttpRequest responseText屬性XMLHTTP
- canvas shadowBlur 屬性Canvas
- canvas shadowColor 屬性Canvas
- JavaScript rows 屬性JavaScript
- JavaScript nodeName 屬性JavaScript
- HTML id 屬性HTML
- HTML dir 屬性HTML
- HTML accesskey 屬性HTML