More than 5 years have passed since last update.

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

CSS
JavaScript

Posted at 2016-11-21

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

初心者および、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>

くわしくは

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up