Modificando texto en HTML

Curso de JavaScript: Manipulación del DOM

Entendiendo el DOM

¿Para qué aprender JavaScript?

¿Qué es DOM y Window Object?

Explorando Nodos del DOM

Seleccionando y Accesando a Elementos del DOM

Consultando el DOM con getElementById y querySelector

Navegación efectiva entre nodos

Manipulando Elementos del DOM

Modificando atributos y propiedades

Modificando texto en HTML

Modificando estilos en HTML

Modificando la visibilidad de elementos HTML

Creación de elementos con HTML Strings e insertAdjacentElement()

Agregando elementos con innerHTML e insertAdjacentHTML()

Creación de elementos con createElement()

Remover elementos con remove() y removeChild()

Clonación y reemplazo de elementos con cloneNode y replaceChild

Manipulando Eventos en el DOM

Entendiendo eventos y tipos: Burbuja, Captura y Propagación

Agregar y eliminar escuchadores de eventos o Event Listeners

El objeto evento o eventObject

Manejo de entradas de formulario y validación

Delegación de eventos y prevención de comportamiento predeterminado

Creando un Administrador de Tareas

Añadir tareas desde un formulario

Eliminar y editar tareas del DOM

Almacenamiento y carga de datos en localStorage

Eliminar y editar tareas del almacenamiento local

Inspeccionando y solucionando errores en el código

Personalizando la interfaz del administrador de tareas

Aún hay más por aprender

Asincronía en JavaScript

¿Cómo funciona el JavaScript Engine?

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 5

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Daniel Andres Rojas Paredes

hace 2 meses

Diferencias entre atributos/propiedades de texto: textContent: contiene el texto plano (sin etiquetas ni formatos) innerText:Contiene el texto despues de haberle aplicado Css. innerHtml: contiene el el texto y el formato y las etiquetas html. La seguridad de un sitio se puede ver afectada por la manipulacion de los 2 ultimos, abiendo la puerta a ataques xss de ser manejados de manera incorrecta.

Carlos Eduardo Mayorga Rodríguez

hace 2 meses

En el video 7 minuto 2:42 menciona que se ha modificado el título visualmente, PERO, cuando se menciona pero es para indicar que algo no se ha hecho, no para indicar PERO TAMBIEN, es importante ser precisos en los comentarios, dado que al ser videos cortos y no libros extensos, puede dar a entender cosas que no son.

Calvin Rafael Bobadilla Fernandez

hace 11 días

De manera general, el mas usado es textContent, sin embargo, si queremos insertar imagenes o codigo html directo, usamos innerHtml. innerText es como textContent pero tiene en cuenta si el contenido es visible o no, si es visible lo edita, si no, no.

Deivis Andrés Cervantes

hace 15 días

La diferencia principal entre textContent e innerText es que text content edita el texto y NO tiene en cuenta el estilo del elemento, mientras que innerText solo puede editar textos que sean visibles por el usuario, es decir, que SÍ tiene en cuenta los estilos.

Daniel Andres Rojas Paredes

hace 2 meses

teniendo en cuenta la sincronizacion entre atributos y propiedades,¿ no es mas recomendable hacer los cambios en el html cambiando los atributos directamente y no las propiedades? que ventajas representa hacerlo con querySelector y no con getelement?