Saltear al contenido principal

Vamos a ver con un ejemplo la diferencia de funcionamiento entre las propiedades innerHTML y textContent que hemos explicado en los apartados anteriores.

Aquí tenemos una lista de ciudades, creada con los elementos HTML ‘ul’ y ‘li’:

  • Madrid
  • Barcelona
  • Valencia
  • Sevilla
  • Bilbao
  • Zaragoza

Pulsa en cada uno de estos dos botones y verás que se obtiene:



Aquí te mostramos extracto del código del anterior ejemplo donde vemos cómo se ha definido la lista y los botones en HTML y las dos funciones JavaScript con “innerHTML” y “textContent” que son llamadas desde esos botones al hacer clic con el ratón:

Volver arriba