JavaScriptからCSSのプロパティが取得できない #JavaScript

おっさんは昨日喰ったものさえ忘れる

初心者および、10年ぐらい前に一度ハマっただけのおっさんのために。

こうする

html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Display</title>
    <style>
#display-test {
    display:block;
    color:red;
}
    </style>
</head>
<body>
    <div id="display-test">Display test.</div>

<script>
var d = document.getElementById('display-test');
console.log(d.style.display);  // とれない
console.log((d.currentStyle || document.defaultView.getComputedStyle(d, '')).display);  // とれる
</script>

</body>
</html>

JavaScriptからCSSのプロパティが取得できない

おっさんは昨日喰ったものさえ忘れる

こうする

くわしくは