Obtener contenido de span

¿cómo puedo obtener los contenidos de span? Estoy buscando una forma de que todo esto sea vainilla, no jQuery

javascript (y un poco jQuery)

var swear_words_arr=new Array("bad","evil","freak"); var regex = new RegExp('\\b(' + swear_words_arr.join('|') + ')\\b', 'i' ); function validate_user_text() { var text = document.getElementById('myInput'); text.text(); if(regex.test(text)) { window.location="http://www.newlocation.com"; return false; } } var myVar=setInterval(function(){validate_user_text()},1000);change 

aquí está mi html

 
kfjdkfj


Gracias

Dale una oportunidad:

 var input = document.getElementById("myInput"); var text = input.innerHTML; 

Puedes usar textContent

Tomado de MDN:

 // Given the following HTML fragment: // 
This is some text
// Get the text content: var text = document.getElementById("divA").textContent; // |text| is set to "This is some text". // Set the text content: document.getElementById("divA").textContent = "This is some text"; // The HTML for divA is now: //
This is some text

Hay un problema aquí:

 var text = document.getElementById('myInput'); text.text(); 

Nunca asignó el texto de la entrada a ninguna variable.

Siguiendo su patrón anterior, podría hacer:

 var txt = document.getElementById('myInput'), txt = text.text(); 

La segunda variable actualiza la variable anterior ‘txt’ para mantener el texto de la variable original ‘txt’, que era un selector.

Podrías hacer esto también (vainilla javascript, jsfiddle ):

 var txt = document.getElementById('myInput').innerHTML; //or var txt = document.getElementById('myInput').textContent; 

En lugar de usar…

 text.text(); 

Intenta usar …

 text.innerHTML; 

Solo he encontrado que .text () funciona cuando estás usando un selector jQuery.

  $('#myInput').text(); 
 var text = (document.getElementById("myInput")).innerHTML 

o la forma abreviada:

 var text = $('#myInput').text()