「JavaScript」CSSRule.cssTextでスタイルのテキストを返す方法

2020年10月19日

構文
string = cssRule.cssText
cssText は、CSSStyleSheet スタイル規則の実際のテキストを返します。
CSSコード
<style>
div { background-color: yellow; }
</style>
JavaScriptコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script>
var st = document.styleSheets[0];
console.log(st.cssRules[0].cssText);
</script>
<script> var st = document.styleSheets[0]; console.log(st.cssRules[0].cssText); </script>
<script>
  var st = document.styleSheets[0];
  console.log(st.cssRules[0].cssText); 
</script>

結果
div { background-color: yellow; }

CSS

Posted by arkgame