StyleSheet: свойство href
Базовая линия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.
Свойство href интерфейса StyleSheet возвращает расположение таблицы стилей.
Это свойство является только для чтения.
Значение
Строка, содержащая URI таблицы стилей.
Примеры
На локальной машине Windows:
<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>href example</title>
<link rel="styleSheet" href="example.css" />
<script>
function printRef() {
alert(document.styleSheets[0].href);
}
</script>
</head>
<body>
<div class="thunder">Thunder</div>
<button onclick="printRef()">ss</button>
</body>
</html>
Возвращает "file:////C:/Windows/Desktop/example.css"
Примечания
Если таблица стилей является связанной, значение свойства — это её расположение. Для встроенных таблиц стилей значение этого свойства — null.
Спецификации
| Спецификация |
|---|
| CSS Object Model (CSSOM) # dom-stylesheet-href |
Совместимость браузеров
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
href |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
© 2005–2024 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
