Como meter texto en un span vacio

[aortiz_endirecto]

Buenas

Quiero meter en todos mis span que están vacíos un &nbsp, es para que aparezca una imagen de fondo sin necesidad de ponerle un height, por temas de accesibilidad no queda bien poniéndolo el height con medidas relativas y tengo que recurrir a esta ñapa.

Umm estoy empezando a tener conocimientos sobre Javascript pero no son suficientes, he estado mirando el modo de hacerlo pero no soy capaz.

Muchas gracias a quien me pueda echar una manita.

[David]

Para modificar el contenido de un elemento puedes usar innerHTML:

Código Javascript:

document.getElementById("id_del_elemento").innerHTML = "nuevo contenido";
 

[aortiz_endirecto]

Funciona, pero lo que quiero es que se aplique a todas las etiquetas <span> del html y no a un id concreto.

Gracias.

[David]

En ese caso, puedes usar document.getElementsByTagName("span") para obtener una colección con todos los elementos <span> y recorrerlo.

[IsaBelM]

creo que también pues hacerlo con el pseudo elemento :before de css

span:before {content: " "}

[alor86]

puedes hacer con este codigo

Código Javascript:

var sp = document.getElementsByTagName("span");
 
for(var i = 0; i < sp.length;i++){
 sp[i].innerHTML= "<contenido>";
}
 

[IsaBelM]

Iniciado por alor86

puedes hacer con este codigo

Código Javascript:

var sp = document.getElementsByTagName("span");
 
for(var i = 0; i < sp.length;i++){
 sp[i].innerHTML= "<contenido>";
}
 

te suena esta respuesta??

Iniciado por David

En ese caso, puedes usar document.getElementsByTagName("span") para obtener una colección con todos los elementos <span> y recorrerlo.