56 votos

Establecer que el contenido de HTML <span> con Javascript

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

Hasta ahora, he encontrado dos métodos de poner mi valor en un intervalo. innerText() es una IE de propiedad manera de hacerlo y innerHTML() no es compatible con los estándares manera, aunque ampliamente apoyado.

¿Cuál es la correcta que cumple con los estándares forma de establecer el texto entre <span> y </span> de Javascript?

59voto

user113716 Puntos 143363

Esto es compatible con los estándares y cross-browser seguro.

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

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

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

50voto

robinst Puntos 9249

Con los navegadores modernos, se puede establecer el textContent de la propiedad, vea Nodo.textContent:

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

20voto

Brian Donovan Puntos 3649

Para hacerlo sin necesidad de utilizar una biblioteca de JavaScript como jQuery, te gustaría hacer algo como esto:

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

Si usted desea utilizar jQuery, es simplemente esto:

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

1voto

chaos Puntos 69029

El Máximo Compatible con los Estándares manera de hacerlo es crear un nodo de texto que contiene el texto que desea y anexar a la luz (la eliminación de cualquier actualmente existentes nodos de texto).

La forma en que me gustaría realmente hacer es usar jQuery .text().

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by:

X