den inneren Text eines Knotens erhalten

Question

Ich habe Probleme, den inneren Text eines bestimmten Knotens zu bekommen. Ich habe den Beispielknoten hinzugefügt, mit dem ich arbeite, und das Javascript, das ich mir ausgedacht habe. Das Javascript funktioniert so weit wie die Rückgabe dieses <span id="goal_left">3 goals lect</span> wenn ich es auf der Konsole logge. Wenn ich den JavaScript-Beispielen innerText hinzufüge, wird nichts an die Konsole zurückgegeben. Irgendwelche Ideen, wie man diesen Text bekommt?

html

<span id="goal_left">3 goals lect</span> 

javascript: diese Beispiele zurückgeben <span id="goal_left">3 goals lect</span>

document.getElementById("goal_left"); 

document.querySelectorAll("span#goal_left")[0]; 

javascript: diese Beispiele nichts zurückgeben

document.getElementById("goal_left").innerText; 

document.querySelectorAll("span#goal_left")[0].innerText; 

Answer 1

Wahrscheinlich der einfachste Weg:

document.querySelectorAll("span#goal_left")[0].firstChild.nodeValue; 

Obwohl, wenn Sie immer den ersten Knoten durch querySelectorAll() zurückgegeben werden sollen können Sie einfach verwenden:

document.querySelector("span#goal_left").firstChild.nodeValue; 

übrigens würde ich jeden Browser vorstellen, dass querySelectorAll() implementiert wahrscheinlich implementiert textContent, geben:

document.querySelector("span#goal_left").textContent; 

Nur eine Cross-Browser-Option anzubieten.

var textProperty = 'textContent' in document ? 'textContent' : 'innerText'; 
document.getElementById('goal_left')[textProperty] 

Answer 2

Die innerHTML Eigenschaft sein könnte, was Sie gesucht haben. Es enthält den HTML-Code in einem Element als String.

Answer 3

document.getElementById ("goal_left") innerHTML- statt innertext.

Vielleicht möchten Sie auch jQuery für die Manipulation von DOM-Elementen verwenden, es ist viel einfacher und weniger fehleranfällig.