获取innerHTML，但输入和textarea均为空

Question

I have a form with input and textarea fields. How can I get the div.innerHTML with the completed fields

  var foo = $('#div').innerHTML

all fine, but the fields are empty

Answer 1

innerHTML is not a property of jquery object. You need to use text() or val()

Answer 2

See the output in your browser's console of this script. Even if there is just one element selected, jquery returns it in a array, so you was calling the property innerHTML which obviously a javascript array does not have.

 var foo = $('#div').innerHTML; console.log($('#div')); console.log($('#div')[0]); console.log($('#div')[0].innerHTML); console.log($('#div').html()); 

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

Answer 3

innerHTML is Javascript function whicle $('.class') is jQuery

use

var foo = $('#id').html(); //for html
var foo = $('#id').text(); //for text and not html tags

OR

var foo = document.getElelementById('id').innerHTML;