English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El objeto Element representa un elemento HTML, como <p>, <div>, <a>, <form> o cualquier otro elemento HTML.
El objeto Element tiene métodos y propiedades comunes a varios elementos.
La siguiente tabla enumera las propiedades del objeto Element:
| Atributo | Descripción |
|---|---|
| accessKey | Establece o devuelve el atributo accesskey del elemento |
| attributes | Devuelve el NamedNodeMap de las propiedades del elemento |
| childElementCount | Devuelve el número de elementos hijos del elemento dado |
| childNodes | Devuelve la lista de nodos hijos del elemento (incluyendo nodos de texto y de comentarios) |
| children | Devuelve la lista de elementos hijos del elemento (sin incluir nodos de texto y de comentarios) |
| classList | Devuelve el nombre de la clase del elemento |
| className | Establece o devuelve el valor de la propiedad class del elemento |
| clientHeight | Devuelve la altura del elemento, incluyendo el relleno |
| clientLeft | Devuelve el ancho de la barra de borde izquierdo del elemento |
| clientTop | Devuelve el ancho de la barra de borde superior del elemento |
| clientWidth | Devuelve el ancho del elemento, incluyendo el relleno |
| contentEditable | Establece o devuelve si el contenido del elemento es editable |
| dir | Establece o devuelve el valor de la propiedad dir del elemento |
| firstChild | Devuelve el primer nodo hijo del elemento |
| firstElementChild | Devuelve el primer elemento hijo del elemento (sin incluir nodos de texto y de comentarios) |
| id | Establece o devuelve el valor de la propiedad id del elemento |
| innerHTML | Establece o devuelve el contenido del elemento |
| innerText | Establece o devuelve el contenido de texto de los elementos y sus descendientes |
| isContentEditable | Si el contenido del elemento es editable, devuelve true; de lo contrario, devuelve false |
| lang | Establece o devuelve el valor de la propiedad lang del elemento |
| lastChild | Devuelve el último hijo del elemento |
| lastElementChild | Devuelve el último elemento hijo del elemento (sin incluir nodos de texto y de comentarios) |
| namespaceURI | Devuelve el URI del espacio de nombres del elemento |
| nextSibling | Devuelve el nodo siguiente en el nivel de la estructura del árbol de nodos |
| nextElementSibling | Devuelve el elemento siguiente en el nivel de la estructura del árbol de nodos (sin incluir nodos de texto y de comentarios) |
| nodeName | Devuelve el nombre del nodo |
| nodeType | Devuelve el tipo de nodo del nodo |
| nodeValue | Establece o devuelve el valor del nodo |
| offsetHeight | Devuelve la altura del elemento, incluyendo el relleno, los bordes y las barras de desplazamiento |
| offsetWidth | Devuelve el ancho del elemento, incluyendo el relleno, los bordes y las barras de desplazamiento |
| offsetLeft | Devuelve la posición horizontal desplazada del elemento |
| offsetParent | Devuelve el contenedor de desplazamiento del elemento |
| offsetTop | Devuelve la posición vertical desplazada del elemento |
| ownerDocument | Devuelve el elemento raíz (objeto documento) |
| parentNode | Devuelve el nodo padre del elemento |
| parentElement | Devuelve el elemento padre del elemento |
| previousSibling | Devuelve el nodo anterior en el nivel de la estructura del árbol de nodos |
| previousElementSibling | Devuelve el elemento anterior en el nivel de la estructura del árbol de nodos (sin incluir nodos de texto y de comentarios) |
| scrollHeight | Devuelve un número que representa la altura de la vista de desplazamiento del elemento |
| scrollLeft | Establece o devuelve el valor en píxeles del desplazamiento horizontal del contenido del elemento |
| scrollTop | Establece o devuelve el valor en píxeles del desplazamiento vertical del contenido del elemento |
| scrollWidth | Devuelve un número que representa el ancho de la vista de desplazamiento del elemento |
| style | Establece o devuelve el valor de la propiedad style del elemento |
| tabIndex | Establece o devuelve el valor de la propiedad tabindex del elemento |
| tagName | Devuelve el nombre de la etiqueta del elemento |
| textContent | Establece o devuelve el contenido de texto de los nodos y sus descendientes |
| title | Establece o devuelve el valor de la propiedad title del elemento |
La tabla a continuación enumera los métodos del objeto Elemento:
| Método | Descripción |
|---|---|
| addEventListener() | Adjunta un gestor de eventos al elemento especificado |
| appendChild() | Añade un nuevo nodo hijo al elemento como el último nodo hijo |
| blur() | Quita el enfoque del elemento |
| cloneNode() | Clona el elemento |
| click() | Simular un clic de ratón en el elemento |
| compareDocumentPosition() | Comparar la posición de documentos de dos elementos |
| contains() | Devuelve true si el nodo es un descendiente del nodo; de lo contrario, devuelve false |
| focus() | Coloca el enfoque en el elemento |
| getAttribute() | Devuelve el valor del atributo especificado del nodo del elemento |
| getAttributeNode() | Devuelve el nodo de atributo especificado |
| getBoundingClientRect() | Devuelve el tamaño del elemento y su posición en relación con la ventana de visualización |
| getElementsByClassName() | Devuelve una lista de todos los elementos hijos con la clase especificada |
| getElementsByTagName() | Devuelve una lista de todos los elementos hijos con el nombre de etiqueta especificado |
| hasAttribute() | Devuelve true si el elemento tiene el atributo especificado; de lo contrario, devuelve false |
| hasAttributes() | Devuelve true si el elemento tiene cualquier atributo; de lo contrario, devuelve false |
| hasChildNodes() | Devuelve true si el elemento tiene cualquier nodo hijo; de lo contrario, devuelve false |
| insertAdjacentElement() | Inserta un elemento HTML en la posición especificada en relación con el elemento actual |
| insertAdjacentHTML() | Inserta texto en formato HTML en la posición especificada en relación con el elemento actual |
| insertAdjacentText() | Inserta texto en la posición especificada en relación con el elemento actual |
| insertBefore() | Inserta un nuevo nodo antes del nodo hijo existente especificado |
| isDefaultNamespace() | Devuelve true si el namespaceURI especificado es el valor predeterminado; de lo contrario, devuelve false |
| isEqualNode() | Verifica si dos elementos son iguales |
| isSameNode() | Verifica si dos elementos están en el mismo nodo |
| isSupported() | Devuelve true si el elemento admite la función especificada |
| normalize() | Conecta nodos de texto adyacentes, eliminando los nodos de texto vacíos del elemento |
| querySelector() | Devuelve el primer elemento hijo que coincide con el selector CSS especificado |
| querySelectorAll() | Retornar todos los elementos hijos que coinciden con el selector CSS especificado del elemento |
| removeAttribute() | Eliminar el atributo especificado del elemento |
| removeAttributeNode() | Eliminar el nodo de atributo especificado, y retornar el nodo eliminado |
| removeChild() | Eliminar un nodo hijo del elemento |
| removeEventListener() | Eliminar el gestor de eventos añadido al método addEventListener() |
| replaceChild() | Reemplazar el nodo hijo dentro del elemento |
| requestFullscreen() | Mostrar el elemento en modo de pantalla completa |
| scrollIntoView() | Mover el elemento especificado al área visible de la ventana del navegador |
| setAttribute() | Establecer o cambiar el valor especificado del atributo especificado |
| setAttributeNode() | Establecer o cambiar el nodo de atributo especificado |
| toString() | Convertir un elemento en una cadena |