HTML DOM Nodos
En el código HTML DOM (Document Object Model) , todo es un nodo:
- El documento en sí es un nodo de documento
- Todos los elementos HTML son nodos de elemento
- Todos los atributos HTML son nodos de atributos
- El texto dentro de los elementos HTML son los nodos de texto
- Los comentarios son nodos de comentario
El objeto Element
En el HTML DOM, el objeto elemento representa un elemento HTML.
Objetos de elementos pueden tener nodos secundarios de nodos tipo de elemento, los nodos de texto, o nodos de comentario.
Un objeto NodeList que representa una lista de nodos, como la recolección de un elemento HTML de nodos secundarios.
Los elementos también pueden tener atributos. Los atributos son nodos de atributos (See next chapter) .
Soporte del navegador
| Objeto | |||||
|---|---|---|---|---|---|
| Element | Sí | Sí | Sí | Sí | Sí |
| NodeList | Sí | Sí | Sí | Sí | Sí |
El elemento objeto y el objeto NodeList que son compatibles con todos los navegadores.
Propiedades y métodos
Las siguientes propiedades y métodos se pueden utilizar en todos los elementos HTML:
| Propiedad / Método | Descripción |
|---|---|
| element .accessKey | Establece o devuelve la accesskey atributo de un elemento |
| element . addEventListener() | Se acopla un controlador de eventos para el elemento especificado |
| element . appendChild() | Añade un nuevo nodo secundario, a un elemento, como el último nodo hijo |
| element .attributes | Devuelve una NamedNodeMap de atributos de un elemento |
| element . blur() | Elimina el foco de un elemento |
| element .childElementCount | Devuelve el número de elementos secundarios tiene un elemento |
| element .childNodes | Devuelve una colección de nodos hijos de un elemento (incluyendo los nodos de texto y comentario) |
| element .children | Devuelve una colección de elemento hijo de un elemento (con exclusión de texto y comentario nodos) |
| element .classList | Devuelve la clase name(s) de un elemento |
| element .className | Establece o devuelve el valor de la class atributo de un elemento |
| element . click() | Simula un clic del ratón sobre un elemento |
| element .clientHeight | Devuelve la altura de un elemento, incluyendo las protecciones |
| element .clientLeft | Devuelve el ancho del borde izquierdo de un elemento |
| element .clientTop | Devuelve el ancho del borde superior de un elemento |
| element .clientWidth | Devuelve el ancho de un elemento, incluyendo las protecciones |
| element . cloneNode() | Clones de un elemento |
| element . compareDocumentPosition() | Compara la posición documento de dos elementos |
| element . contains() | Devuelve verdadero si un nodo es un descendiente de un nodo, de lo contrario falso |
| element .contentEditable | Establece o devuelve si el contenido de un elemento es editable o no |
| element .dir | Establece o devuelve el valor de la dir atributo de un elemento |
| element .firstChild | Devuelve el primer nodo hijo de un elemento |
| element .firstElementChild | Devuelve el primer elemento hijo de un elemento |
| element . focus() | Da el foco a un elemento |
| element . getAttribute() | Devuelve el specified valor de atributo de un nodo de elemento |
| element . getAttributeNode() | Devuelve el specified nodo de atributo |
| element . getElementsByClassName() | Devuelve una colección de todos los elementos secundarios con el nombre de la clase especificada |
| element . getElementsByTagName() | Devuelve una colección de todos los elementos secundarios con el nombre de la etiqueta especificada |
| element . getFeature() | Devuelve un objeto que implementa las API de una característica especificada |
| element . hasAttribute() | Devuelve verdadero si un elemento tiene el specified atributo, de lo contrario falso |
| element . hasAttributes() | Devuelve verdadero si un elemento tiene ningún atributo, de lo contrario falso |
| element . hasChildNodes() | Devuelve verdadero si un elemento tiene nodos secundarios, de lo contrario falso |
| element .ID | Establece o devuelve el valor de la id atributo de un elemento |
| element .innerHTML | Establece o devuelve el contenido de un elemento |
| element . insertBefore() | Inserta un nuevo nodo secundario antes de que un nodo secundario especificado, existente |
| element .isContentEditable | Devuelve true si el contenido de un elemento es editable, de lo contrario falso |
| element . isDefaultNamespace() | Devuelve verdadero si un namespaceURI especificado es el valor por defecto, si no falsa |
| element . isEqualNode() | Comprueba si dos elementos son iguales |
| element . isSameNode() | Comprueba si dos elementos son el mismo nodo |
| element . isSupported() | Devuelve true si se especifica una característica está soportada en el elemento |
| element .lang | Establece o devuelve el valor de la lang atributo de un elemento |
| element .lastChild | Devuelve el último nodo hijo de un elemento |
| element .lastElementChild | Devuelve el último elemento secundario de un elemento |
| element .namespaceURI | Devuelve el URI de espacio de un elemento |
| element .nextSibling | Devuelve el siguiente nodo en el mismo nivel árbol de nodos |
| element .nextElementSibling | Devuelve el siguiente elemento en el mismo nivel árbol de nodos |
| element .nodeName | Devuelve el nombre de un nodo |
| element .nodeType | Devuelve el tipo de nodo de un nodo |
| element .nodeValue | Establece o devuelve el valor de un nodo |
| element . normalize() | Se une a los nodos de texto adyacentes y elimina los nodos de texto vacíos en un elemento |
| element .offsetHeight | Devuelve la altura de un elemento, incluyendo relleno, borde y la barra de desplazamiento |
| element .offsetWidth | Devuelve el ancho de un elemento, incluyendo relleno, borde y la barra de desplazamiento |
| element .offsetLeft | Devuelve la posición de desplazamiento horizontal de un elemento |
| element .offsetParent | Devuelve el contenedor de desplazamiento de un elemento |
| element .offsetTop | Devuelve la posición de desplazamiento vertical de un elemento |
| element .ownerDocument | Devuelve el elemento raíz (document object) para un elemento |
| element .parentNode | Devuelve el nodo padre de un elemento |
| element .parentElement | Devuelve el nodo de elemento de nivel superior de un elemento |
| element .previousSibling | Devuelve el nodo anterior al mismo nivel de árbol de nodos |
| element .previousElementSibling | Devuelve el elemento anterior en el mismo nivel del árbol de nodos |
| element . querySelector() | Devuelve el primer elemento secundario que coincide con un CSS especificado selector(s) de un elemento |
| elemento. querySelectorAll() | Devuelve todos los elementos secundarios que coincide con un CSS especificado selector(s) de un elemento |
| element . removeAttribute() | Elimina un atributo especificado de un elemento |
| element . removeAttributeNode() | Elimina un nodo de atributo especificado, y devuelve el nodo eliminado |
| element . removeChild() | Elimina un nodo hijo de un elemento |
| element . replaceChild() | Sustituye a un nodo hijo en un elemento |
| element . removeEventListener() | Elimina un controlador de eventos que se ha unido con el addEventListener() método |
| element .scrollHeight | Devuelve toda la altura de un elemento, incluyendo las protecciones |
| element .scrollLeft | Establece o devuelve el número de píxeles contenido de un elemento se desplaza horizontalmente |
| element .scrollTop | Establece o devuelve el número de píxeles contenido de un elemento se desplaza verticalmente |
| element .scrollWidth | Devuelve toda la anchura de un elemento, incluyendo las protecciones |
| element . setAttribute() | Establece o cambia la specified atributo, el valor especificado |
| element . setAttributeNode() | Establece o cambia la specified nodo de atributo |
| element .style | Establece o devuelve el valor del style atributo de un elemento |
| element .tabIndex | Establece o devuelve el valor del tabindex atributo de un elemento |
| element .tagName | Devuelve el nombre de la etiqueta de un elemento |
| element .textContent | Establece o devuelve el contenido textual de un nodo y sus descendientes |
| element .title | Establece o devuelve el valor del title atributo de un elemento |
| element . toString() | Convierte un elemento en una cadena |
| lista de nodos. item() | Devuelve el nodo en el índice especificado en un NodeList |
| .length lista de nodos | Devuelve el número de nodos en un NodeList |