Please enable JavaScript.
Coggle requires JavaScript to display documents.
DOM - Coggle Diagram
DOM
DOM Event
Permite a JS registrar diferentes controladores de eventos en un documento HTML
Los eventos vienen acompañados de funciones que no se ejecutan antes que ocurra el evento.
Tipos más comunes
Eventos de mouse
Eventos de teclado
Eventos de forma
Propiedades
Event.cancelable
(indica si el evento es cancelable o no con un boleano)
Event.target
(Indica el elemento que llamó al evento)
Event.timeStamp
(la hora a la que se creó el evento)
Metodos
Event.preventDefault()
(cancela el evento si es cancelable)
Event.composedPath()
(devuelve la ruta del evento)
DOM Document
Nodo raiz (principal) donde nacen los demás nodos. (Nodos = Elementos del HTML)
Propiedades
Document.childElementCount
(devuelve el numero de elementos en el documento)
Document.doctype
(devuelve DTD del documento)
Document.firstElementChild
(devuelve el primer elemento secundario del documento.
Metodos
Document.getElementById()
(Devuelve un objeto referente a la id del elemento)
Document.createTextNode()
(Crea un nodo de texto)
Document.getElementByClassName()
(Devuelve una lista de elementos con la clase indicada)
DOM Element
Representa cada una de las etiquetas del HTML
Puede contener atributos y puede derivar otros nodos de este.
DOM Style
Permite modificar el estilo de los distintos nodos mediante CSS y interfaces StyleSheets
Propiedades
Elemento.disabled
(obtiene o hace que un objeto desactive su stylesheet)
Elemento.media
(especifica el medio de destino previsto para la info. de estilo)
Elemento.style.border = "valor"
(crea una propiedad determinada para los 4 bordes del elemento)