The href
property of the StyleSheet
interface returns the location of the style sheet.
Stylesheet.href
Value
A string containing the stylesheet's URI.
Examples
On a local machine:
<html> <head> <link rel="StyleSheet" href="example.css" type="text/css" /> <script> function sref() { alert(document.styleSheets[0].href); } </script> </head> <body> <div class="thunder">Thunder</div> <button onclick="sref()">ss</button> </body> </html>
Returns "file:////C:/Windows/Desktop/example.css"
Notes
If the style sheet is a linked style sheet, the value of its attribute is its location. For inline style sheets, the value of this attribute is NULL
.
This property is read-only in Firefox, Opera, Google Chrome, and Safari, and it is read/write in Internet Explorer.
Specifications
Specification |
---|
CSS Object Model (CSSOM) # dom-stylesheet-href |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
href |
1
|
12
|
1
|
9
|
≤12.1
|
1
|
1
|
18
|
4
|
≤12.1
|
1
|
1.0
|
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet/href