Warum kehrt innerHTML 'undefiniert' zurück?

Question

Ich versuche, den „Wert“ in diesem div zu fangen, die bearbeitet werden kann:

<div class="editable-div" contentEditable="true">Hey</div> 

ich, dass ich dies über JavaScript einfach tun dachte könnte:

var changedText = $('.editable-div').innerHtml 

jedoch diese Variable wird immer Rückkehr "undefined", was mich verwirrt.

Kann mir jemand erklären, wie man diesen "Wert" erreicht?

Answer 1

Es ist jQuery - Sie verwenden:

$('.editable-div').html() 

Answer 2

innerHtml mit Javascript-Selektor verwendet wird und Sie jQuery verwenden. Ersetzen Sie also innerHtml durch .html() oder .text() Funktion. diese

Verwendung:

var changedText = $('.editable-div').html(); 

Answer 3

innerhtml ist DOM. try $ ('. editable-div') [0] .innerHtml

Answer 4

Ein jQuery-Wrapped-Objekt ist eigentlich nicht der rohe DOM-Knoten, sondern im Wesentlichen ein Array von rohen DOM-Knoten, die mit jQuery-spezifischen Methoden wie z als .html(). Wenn Sie mit dem DOM-Knoten zu interagieren möchten, können Sie es entweder durch Abrufen durch die Liste iterieren oder das Element dieser Liste bekommen, wenn Sie wissen, welches es ist:

$('div').each(function(index, element) { 
    element.innerHTML // ... 
} 

$('div').get(0).innerHTML 
$('div')[0].innerHTML 

Beachten Sie, dass, während es „Art "Wie ein Array, in dem Sie DOM-Knoten mit der Array-Syntax $('div')[0] erhalten können, können Sie es nicht wie ein Array in Javascript behandeln. Mit anderen Worten: Sie kann dies nicht tun:

$('div').forEach(function(element) { 
    element.innerHTML 
}