うさのJavaScript講座 サンプル集 スタイル編
Top
>
サンプル集 スタイル編
> スタイル指定された色の値を表示 getComputedStyle (style2)
クリップボードにコピー
サンプルを表示
function execute(){ //sampletextのcomputed styleを取得 let element = document.getElementById("sampletext"); let computedStyle = window.getComputedStyle(element, null); //resultに色の値を表示 document.getElementById("result").textContent = computedStyle.getPropertyValue('color');}
<body onload="execute()"> <div id="sampletext">Hello World! getComputedStyleはCSSファイルでスタイル宣言されているものを表示するのに便利ですね。</div> <div id="result"></div> </body>