Latest web development tutorials

HTML DOM objeto elemento

nodo DOM HTML

HTML DOM (Document Object Model) en cada nodo cosas son:

  • El documento en sí es un objeto de documento
  • Todos los elementos HTML son un nodo elemento
  • Todos los atributos HTML son nodos atributo
  • elementos HTML se insertan en el texto de la nodo de texto
  • Los comentarios son nodos de comentario

objeto Element

En el código HTML DOM, el objeto elemento representa un elemento HTML.

Los niños de los objetos de elementos pueden ser, puede ser un nodo elemento, nodos de texto, los nodos de comentario.

objeto NodeList representa una lista de nodos, similar al elemento HTML nodos hijos colección.

Los elementos pueden tener atributos. Bienes pertenecientes a atribuir nodo (ver la siguiente sección).


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los principales navegadores soportan elemento objeto y el objeto NodeList. .


Propiedades y métodos

Las propiedades y métodos anteriores que se aplican a todos los elementos HTML:

Propiedad / Método descripción
elemento .accessKey Establece o devuelve un elemento de tecla de acceso
.addEventListener elemento () Agregar un controlador de eventos para un elemento especificado
.appendChild elemento () La adición de un nuevo elemento al elemento hijo
.attributes elemento Devuelve una matriz de atributos de un elemento
.childNodes elemento Devuelve una matriz de elementos en un nodo hijo
elemento .classlist Devuelve el nombre de la clase del elemento, como objeto DOMTokenList.
elemento .className Establece o devuelve el atributo de clase del elemento
elemento .clientHeight Devuelve el contenido de la página de altura visible (no incluye bordes, márgenes, o barras de desplazamiento)
elemento .clientWidth Devuelve el contenido de la página visible en anchura (sin incluir los bordes, márgenes, o barras de desplazamiento)
.cloneNode elemento () La clonación de un elemento
.compareDocumentPosition elemento () Documento de ubicación para comparar dos elementos.
elemento .contentEditable Establece o devuelve si el contenido del elemento editable
elemento .dir Establece o devuelve un elemento en la dirección del texto
elemento .firstChild Devuelve el primer hijo del elemento
.focus elemento () Establecer documento o elemento de ganancia de enfoque
.getAttribute elemento () Devuelve los valores de atributo del elemento especificado
.getAttributeNode elemento () Devuelve el nodo de atributo especificado
.getElementsByTagName elemento () Devuelve el nombre de la etiqueta de una colección de todos los elementos secundarios.
elemento. getElementsByClassName () Devuelve todos los elementos del documento se especifica el nombre de clase de la colección, como objeto NodeList.
.getFeature elemento () Devuelve las características especificadas para el objeto de realizar las API.
.getUserData elemento () Devolver un objeto asociado con el elemento clave.
.hasAttribute elemento () Si la propiedad especificada existe vuelve verdadero elemento, de lo contrario, devuelve false.
.hasAttributes elemento () Si hay algún elemento de la propiedad devuelve verdadero, de lo contrario, devuelve false.
.hasChildNodes elemento () Devuelve si un elemento tiene ningún elemento de los niños
.hasfocus elemento () Devuelve un valor booleano, detectando si el foco documento o elemento de ganancia
elemento de .id Establece o devuelve id del elemento.
elemento .innerHTML Establece o devuelve el contenido del elemento.
.insertBefore elemento () Insertar un nuevo elemento secundario antes de que el elemento secundario existente
elemento .isContentEditable Si el contenido del elemento vuelve editables verdadero, falso en caso contrario
.isDefaultNamespace elemento () Si el namespaceURI devuelve verdadero, de lo contrario, devuelve false.
.isEqualNode elemento () Verificar los dos elementos son iguales
.isSameNode elemento () Compruebe los dos elementos tienen todos el mismo nodo.
.isSupported elemento () Si las funciones compatibles especifican en el elemento devuelve verdadero.
elemento .lang Establece o devuelve el idioma de un elemento.
elemento .lastChild elemento último hijo regresó
elemento .namespaceURI Devuelve el URI de espacio.
elemento .nextSibling Seguido de un retorno de ese elemento
elemento .nodeName Devuelve el nombre de la etiqueta del elemento (en mayúsculas)
elemento .nodeType Devuelve el tipo de nodo de elemento
elemento .nodeValue Devuelve el valor del nodo de elemento
.normalize elemento () Por lo que este se ha convertido en una forma "normal" en el que sólo la estructura (por ejemplo, elementos, comentarios, instrucciones de procesamiento, secciones CDATA y referencias a entidades) Los nodos de texto separadas, es decir, los elementos (incluyendo la propiedad) todos los nodos de texto a continuación, no son ni adyacentes los nodos de texto ni nodos de texto vacíos
elemento .offsetHeight Devolver un elemento de cualquier altura, incluyendo el borde y el relleno, pero no el margen
elemento .offsetWidth Devuelve el ancho del elemento, incluyendo las fronteras y el relleno, pero no en los márgenes
elemento .offsetLeft Devuelve el elemento actual de una relación horizontal offset posición de contenedores
elemento .offsetParent Devuelve el elemento contenedor de compensación
elemento .offsetTop Devuelve el elemento actual con respecto al eje vertical del recipiente de compensación
elemento .ownerDocument Devuelve el elemento del elemento raíz (objeto de documento)
elemento .parentNode Devuelve el nodo padre de un elemento
elemento .previousSibling Devuelve un elemento elemento inmediatamente anterior
.querySelector elemento () Retorno coincidir con el elemento selector CSS especificado es el primer elemento hijo
document.querySelectorAll () Devuelve el selector CSS especificado coincide con la lista de nodos elemento de todos los sub-elementos
.removeAttribute elemento () Elimina el atributo especificado del elemento
.removeAttributeNode elemento () Elimina el nodo atributo especificado y devuelve la extirpación de los ganglios después.
.removeChild elemento () Para borrar un sub-elemento
.removeEventListener elemento () Retire el mango por el método addEventListener () para añadir un evento
.replaceChild elemento () Reemplazar un elemento hijo
elemento .scrollHeight Devuelve la altura de todo el elemento (incluyendo con el lugar oculto de la barra de desplazamiento)
elemento .scrollLeft La rentabilidad de la visión actual de los elementos reales del borde izquierdo y el borde izquierdo
elemento .scrollTop Volver desde el borde superior y una vista superior de los elementos reales del borde entre la corriente
elemento .scrollWidth Devuelve todo el ancho del elemento (incluido con el lugar oculto de la barra de desplazamiento)
.setAttribute elemento () Establecer o cambiar las propiedades especificadas y el valor especificado.
.setAttributeNode elemento () Establecer o cambiar el nodo de atributo especificado.
.setIdAttribute elemento ()
.setIdAttributeNode elemento ()
.setUserData elemento () En el elemento asociado con el objeto clave especificada.
elemento .style Establece o devuelve el atributo de estilo del elemento
elemento .tabIndex Establece o devuelve el orden de tabulación de los elementos.
elemento .tagName Como un nombre de etiqueta de cadena de un elemento (en mayúsculas)
elemento .textContent Establece o devuelve un nodo y su contenido de texto
.title elemento Establece o devuelve el atributo de título del elemento
.toString elemento () Un elemento en una cadena de
.item lista de nodos () Devuelve el índice de un elemento en la estructura del documento basado
.length lista_nodos Devuelve el número de nodos en la lista de nodos.