选择元素后无法访问属性

Question

无法获得正确的标题。我正在使用jquery创建textarea。

 function build_form() {
      // Clear all previous form elements
      $('#form_content').html('');

      // Grabs all elements that will be dynamically created
      var elements = templates.types[$('#selectType')[0].selectedIndex].content.elements;

      for (ele in elements){
              var $div = $(document.createElement('div'));
              $div.attr('class', 'div_form');

              // Create description for input box
              var $x = $(document.createElement('text'));
              $x.html(elements[ele].description);
              $div.append($x);

              // Create input box itself
              var $i = $(document.createElement(elements[ele].type));
              $i.attr('placeholder', elements[ele].placeholder);
              $i.attr('class', 'form_input');
              if (elements[ele].value) {
                      // For textareas
                      $i.text(elements[ele].value);
                      // For input
                      $i.val(elements[ele].value);
              }

              console.log($x);
              console.log($x[0]);
              console.log($x[0].scrollHeight);
              $div.append($i);

              $('#form_content').append($div);

              var $linebreak = $(document.createElement('br'));
              $('#form_content').append($linebreak);
      }
}

导致：

这是一个理解问题，因为阻止我的问题。 $x显示$x[0]处有一个textarea，并且扩展它，我看到一个巨大的属性列表。其中一个是scrollHeight，我试图访问它。

但是，一旦访问$x[0]，它就会在HTML中显示HTML和$x[0].scrollHeight结果。文本已存在。

我错过了什么？

编辑：textarea的高度不为零。