javascript - 如何使用 javascript 获取我的 css 元素的最大宽度

Question

我试图通过使用 javascript 获取我的 CSS 元素的最大宽度。 我目前能够获得 width 但不是 max-width。

hsWidth = $("#horizo​​ntal-scroll").width();

谢谢

Answer 1

使用jQuery方法 .css() :

var max_width = $("#horizontal-scroll").css('max-width');

希望这对您有所帮助。

var max_width = $("#horizontal-scroll").css('max-width');

console.log(max_width);

#horizontal-scroll{
  max-width: 250px; 
  display: block;
  background-color: green;
  width: 200px;
  height: 50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="horizontal-scroll"></div>