JavaScriptでCSSのmin-heightの属性値を取得する方法

Question

JavaScriptでCSSのmin-heightの属性値を取得する方法を教えてください。

  var a=document.getElementById('ID名');
　var min_height=a.style.minHeight;

というのを見つけたのですが、console.logで確認しても値が空白のままで取得できません。
ほかのやり方でもいいので教えてください。

Answer 1

そのプロパティはHTML上のstyle属性から取得する方法なので、cssの値は取得できないですねー。
なので、getComputedStyleで取得してあげると良いと思います。

https://developer.mozilla.org/ja/docs/Web/API/Window/getComputedStyle

実際の取得方法は下のテストコードからどうぞ。

テストコード
https://codepen.io/takuhito-h/pen/gObGOpw

Comments

[beginner_2019]

解決しました、ありがとうございました。