Please enable JavaScript.
Coggle requires JavaScript to display documents.
Manipulación del DOM image - Coggle Diagram
Manipulación del DOM
Selección de Elementos
Por ID: getElementById
Por Etiqueta: getElementsByTagName
Por Clase: getElementsByClassName
Manipulación de Atributos
Eliminar Atributo: removeAttribute
Atributos Personalizados: dataset
Valores de Campos: inputElement.value
Manipulación de Estilos
Eliminar Clase: classList.remove
Añadir Clase: classList.add
Alternar Clase: classList.toggle
Manipulación de Eventos
Eventos Directos: element.onclick, element.onchange, etc.
Eliminar Evento: removeEventListener
Añadir Evento: addEventListener
Navegación del DOM
Hijos: childNodes, firstChild, lastChild
Padre: parentNode
Hijos: childNodes, firstChild, lastChild
Manipulación de Formularios
Valores de Campos: inputElement.value
Enviar: submit
Restablecer: reset
Agregar y Eliminar Elementos
Añadir Elemento: appendChild
Crear Elemento: createElement
Insertar Antes: insertBefore
Lectura y Actualización de Contenido
Estilos: element.style.property
Contenido HTML: innerHTML
Contenido de Texto: textContent, innerText
