Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

StyleSheet.href

概要

スタイルシートの URI を返します。

構文

uri = stylesheet.href 
  • uri : スタイルシートの URI

以下に示す HTML をローカルに配置して表示し、ボタンを押下した場合 file:////C:/Windows/Desktop/example.css などの様な文字列が表示されます。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="example.css" />
<script>
function sref() {
  alert(document.styleSheets[0].href);
}
</script>
</head>

<body>
  <button onclick="sref()">alert(document.styleSheets[0].href) を実行</button>
</body>

</html>

注記

スタイルシートがリンクされたものである場合は、その <style> 要素の href 属性の示す位置が返ります。インラインスタイルのシートの場合の戻り値は NULL となります。

このプロパティは Firefox 、 Opera 、 Google Chrome 、 Safari に於いては読取専用ですが、 Internet Explorer では読取 / 書込ともに可能となっています。

仕様書

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: jsx, ethertank
 最終更新者: jsx,