obteniendo el texto interno de un nodo

Question

Tengo problemas para obtener el texto interno de un nodo en particular. He agregado el nodo de ejemplo con el que estoy trabajando y el javascript que he creado. El javascript funciona tan lejos como devolver este <span id="goal_left">3 goals lect</span> si lo registro en la consola. Si agrego innerText a los ejemplos de javascript, no devolverá nada a la consola. ¿Alguna idea de cómo obtener este texto?

html

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

javascript: estos ejemplos devuelven <span id="goal_left">3 goals lect</span>

document.getElementById("goal_left"); 

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

javascript: estos ejemplos nada

document.getElementById("goal_left").innerText; 

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

Answer 1

Probablemente la forma más fácil:

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

Aunque si siempre desea que el primer nodo devuelto por querySelectorAll() que podría simplemente utilizar:

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

Por cierto, me imagino que cualquier navegador que implementa querySelectorAll() probablemente implemente textContent, dando:

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

Solo para ofrecer una opción de multi-navegador:.

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

Answer 2

La propiedad innerHTML podría ser lo que estás buscando regresan. Mantiene el código HTML dentro de un elemento como cadena.

Answer 3

document.getElementById ("goal_left") en lugar de innerHTML innerText.

También es posible que desee utilizar jQuery para manipular elementos DOM, es mucho más fácil y menos propenso a errores.