Javascript 获取就绪函数中dom元素的值

我希望在页面完全加载时调整文本区域的大小。我发现

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

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

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

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

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

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

使用

或

或

---

您需要使用DOM对象来使用value属性，并且您需要在其上使用jQuery对象

$返回一个jQuery对象，因此您需要对其执行jQuery方法以获取值，即：element.val或获取对DOM元素的基础引用并使用元素[0]。value。您是指alertelement.val；而不是alertelement[0]。val；在你的第二个例子中？

$(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);
});

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