javascript - significado - span html5

Establecer contenido de HTML<span> con Javascript

Question

En una página web, estoy llamando a un servicio web que me da un valor entero. Necesito mostrar este valor en un bloque de texto. Actualmente estoy usando un HTML <span> .

Hasta ahora, he encontrado dos métodos para poner mi valor en un lapso. innerText() es una forma patentada de IE de hacerlo y innerHTML() es una forma que no cumple con los estándares, aunque es ampliamente compatible.

¿Cuál es la manera correcta de cumplir con los estándares para configurar el texto entre <span> y </span> desde Javascript?

Answer 1

Con los navegadores modernos, puede establecer la propiedad textContent , consulte Node.textContent :

var span = document.getElementById("myspan");
span.textContent = "some text";

Answer 2

Esto cumple con las normas y es seguro para todos los navegadores.

Ejemplo: http://jsfiddle.net/kv9pw/

var span = document.getElementById(''someID'');

while( span.firstChild ) {
    span.removeChild( span.firstChild );
}
span.appendChild( document.createTextNode("some new content") );

Answer 3

La forma máxima de cumplir con los estándares es crear un nodo de texto que contenga el texto que desea y agregarlo a la extensión (eliminando cualquier nodo de texto existente actualmente).

La forma en que lo haría en realidad es utilizar .text() jQuery.

Answer 4

Para hacerlo sin usar una biblioteca de JavaScript como jQuery, lo harías así:

var span = document.getElementById("myspan"),
    text = document.createTextNode(''''+intValue);
span.innerHTML = ''''; // clear existing
span.appendChild(text);

Si quieres usar jQuery, es solo esto:

$("#myspan").text(''''+intValue);