Element.width未返回预期结果

Question

我正在尝试实现一段Javascript来根据它的宽度调整元素大小。但是，width属性返回意外响应。

我无法对元素的高度执行任何操作，当我尝试使用var $elem = $('dynamicResizableObject')时，警报返回null而不是值。

出了什么问题？这在Chrome和Firefox中都会出现。

Answer 1

首先，您正在混合使用jQuery和vanilla js。 （getElementById不会给你jQuery对象）

其次，要通过id选择使用#selector前缀（html标签没有前缀，{ - 1}}表示id-s，#表示类

第三，宽度是一种方法，而不是属性（$ elem.width（）不是$ elem.width）

：）

.

$(document).ready(function(){

  var $elem = $('#dynamicRezisableObject');

  console.log($elem.width());

})

jQuery对象实际上是dom对象的集合，它们由选择器过滤。您可以访问以下任何dom对象：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="dynamicRezisableObject">foo bar</div>