Question

我希望我的textArea在页面完全加载时调整大小。我找到了

$(document).ready(function() {
  // Handler for .ready() called.
});

可以帮助我，所以我尝试测试它并将下一个代码放入该函数中：

$(document).ready(function() {
      var element = $('#elementId');
      alert(element.value);
});

但是当页面加载时，警报显示textArea的未定义值，但其中有文本。如何在ready函数中获取这些值？

Answer 1

$(document).ready(function() {
      var element = $('#elementId');
      alert(element.val());
});

Answer 2

element不是DOM元素，而是jQuery包装对象，它没有任何value属性。

使用

$(document).ready(function() {
      var element = $('#elementId');
      alert(element.val());
});

或

$(document).ready(function() {
      var element = document.getElementById('elementId');
      alert(element.value);
});

或

$(document).ready(function() {
      var element = $('#elementId');
      alert(element.get(0).value);
});

Answer 3

您需要使用DOM对象来使用value属性，并且您需要在其上使用val()的jQuery对象。

$(document).ready(function() {
      var element = $('#elementId');
      alert(element[0].value);
      //or  
      alert(element.val());           
});

在ready函数中获取dom元素的值

3 个答案: