为什么这行Javascript工作,但另一个不行？

Question

所以我正在尝试更新div #letters的内容.我尝试将元素分配给变量并使用innerHTML更新其内容,但它不起作用.

  var $characterArray = $('#letters'); // The letters div
  $characterArray.innerHTML = "whatever";

虽然这有效:

  document.getElementById("letters").innerHTML = "whatever";

你能告诉我为什么吗？

Answer 1

因为你正在使用本机JS混淆jQuery.jQuery对象没有这样的属性innerHTML- 这是一个本机属性.

jQuery中的等价物是方法 html()

$('something').html('my html');