22 Votos

JavaScript y jQuery: Reemplazar el contenido de un elemento usando innerHTML

Tutorial de Progger99 | 23/08/2020 a las 17:03

En este pequeño mini tutorial quiero mostrarte cómo reemplazar el interior de un elemento en HTML con JavaScript y jQuery con cualquier otro contenido nuevo.

Supongamos que tenemos un elemento, por ejemplo, este DIV aquí, que hemos nombrado con el id "test":

<div id="test">Contenido antiguo</div>

Ahora queremos reemplazar el contenido de este elemento con la cadena "Hello World". Para ello, queremos ver una solución con JavaScript y otra solución con jQuery.

La solución JavaScript

document.getElementById("test").innerHTML = "Hello World";

En JavaScript, podemos usar la función getElementById() para seleccionar nuestro elemento y reemplazar su contenido con "Hello World" como se muestra en el ejemplo.

La solución jQuery

$("#test").html("Hello World");

Será más fácil si usamos jQuery. Aquí es suficiente seleccionar nuestro elemento con $("#test") y usar la función html() para cambiar el innerHTML del elemento.

ResponderPositivoNegativo

Sobre el Autor

AvatarEl autor aún no ha agregado una breve descripción del perfil.
Ver Perfil

 

Temas Relacionados

jQuery: Reemplazar elemento

Pregunta | 1 Respuesta

jQuery: Cambiar Imagen

Pregunta | 1 Respuesta

jQuery: Agregar contenido a DIV

Pregunta | 1 Respuesta

Aviso Importante

Por favor tenga en cuenta: Las contribuciones publicadas en askingbox.com son contribuciones de los usuarios y no deben reemplazar el asesoramiento profesional. No son verificados por independientes y no reflejan necesariamente la opinión de askingbox.com. Aprende más.

Participar

Haga su propia pregunta o escriba su propio artículo en askingbox.com. He aquí cómo.