Objeto HTMLElement XML DOM

El objeto HTMLElement representa un elemento en HTML.

Propiedades del objeto HTMLElement

Cada elemento de un documento HTML tiene una propiedad que coincide con el atributo HTML del elemento. Aquí se enumeran todas las propiedades que todos los marcadores HTML admiten. Las otras propiedades son específicas de algún marcador HTML específico. El objeto HTMLElement hereda Node Y Element Propiedades estándar del objeto, que también implementan las propiedades no estándar descritas a continuación:

className

Se especifica el atributo class del elemento. Nota: el nombre de este atributo no es "class", porque "class" es una palabra reservada en JavaScript.

Tipo: String. Estado: writable.

currentStyle

Este atributo específico de IE se aplica a todos los grupos de propiedades CSS del elemento. Es un sustituto de Window.getComputedStyle() solo para IE.

Tipo: String. Estado: writable.

dir

Se especifica el atributo dir del elemento, que declara la dirección del texto del documento.

Tipo: String. Estado: writable.

id

Se especifica el atributo id del elemento. En un documento, no hay dos elementos con el mismo valor de id.

Tipo: String. Estado: writable.

innerHTML

Se especifica la cadena que contiene el elemento, sin incluir las etiquetas de inicio y final del elemento mismo. La consulta de este atributo regresará el contenido del elemento como una cadena de texto HTML. Al establecer este atributo como una cadena de texto HTML, se puede reemplazar el contenido del elemento con la representación de análisis de HTML. No se puede establecer este atributo en el momento de la carga del documento. Este es un atributo no estándar derivado de IE4, que ha sido soportado por todos los navegadores modernos.

Tipo: String. Estado: writable.

lang

Se especifica el atributo lang del elemento, que declara el código de idioma del contenido del elemento.

Tipo: String. Estado: writable.

offsetHeight, offsetWidth

Devuelve la altura y anchura del elemento en píxeles. Estas son propiedades no estándar pero bien soportadas.

Tipo: int. Estado: solo lectura.

offsetLeft

Devuelve la cantidad de píxeles del borde izquierdo del elemento al borde izquierdo de su elemento contenedor.

Tipo: int. Estado: solo lectura.

offsetTop

Devuelve la cantidad de píxeles del borde superior del elemento al borde superior de su elemento contenedor.

Tipo: int. Estado: solo lectura.

offsetParent

Devuelve una referencia al elemento de contenedor dinámicamente más cercano, con todas las offsets determinadas en función de ese elemento. Si el valor de style.display del elemento se establece en none, esta propiedad devuelve null. Estas son propiedades no estándar pero bien soportadas.

Tipo:Node. Estado: solo lectura.

scrollHeight, scrollWidth

Devuelve la altura y anchura completa del elemento en píxeles. Cuando un elemento tiene una barra de desplazamiento (por ejemplo, debido al atributo CSS overflow), estas propiedades son diferentes de offsetHeight y offsetWidth, ya que offsetHeight y offsetWidth solo informan del tamaño visible del elemento. Estas son propiedades no estándar pero bien soportadas.

Tipo: int. Estado: solo lectura.

scrollTop, scrollLeft

Establece o devuelve la cantidad de píxeles que se han desplazado al borde izquierdo o superior del elemento. Estos píxeles solo son útiles cuando el elemento tiene una barra de desplazamiento, por ejemplo, cuando el atributo CSS overflow del elemento se establece en auto. Estas propiedades también solo se definen en los marcadores <body> o <html> del documento (lo que depende del navegador) y se utilizan junto con otras propiedades para determinar la posición del documento. Tenga en cuenta que estas propiedades no especifican la cantidad de desplazamiento de un marcador <iframe>. Estas son propiedades no estándar pero bien soportadas.

Tipo: int. Estado: writable.

style

Devuelve el valor del atributo style de CSS en línea configurado para el elemento actual. Tenga en cuenta que el valor de este atributo no es una cadena.

Tipo:CSS2Properties. Estado: solo lectura.

title

Define la propiedad title del elemento. Cuando el ratón se posa sobre el elemento, muchos navegadores muestran el valor de esta propiedad en el "indicador de herramientas" del elemento.

Tipo: String. Estado: writable.

Métodos del objeto HTMLElement

El objeto HTMLElement hereda Node Y Element Métodos estándar del objeto. Algunos tipos de elementos implementan métodos específicos del marcador, CodeW3C.com en Manual de referencia de DOM HTMLLas páginas de referencia de cada marcador proporcionan información sobre estos métodos.

La mayoría de los navegadores modernos también han implementado los siguientes métodos no estándar:

Método Descripción
scrollIntoView() Desplazar el documento. Hacer que este elemento aparezca en la parte superior o inferior de la ventana.

Gestores de eventos del objeto HTMLElement

Todos los elementos HTML que responden a eventos de ratón y teclado pueden desencadenar los gestores de eventos enumerados aquí. Algunos elementos, como enlaces y botones, ejecutan operaciones predeterminadas cuando ocurren estos eventos. Para elementos como estos, más detalles se pueden encontrar enPáginas de referencia de elementos específicosencontrado.

Ver Manual de referencia de atributos de eventos de HTML, para obtener más información sobre los gestores de eventos de HTML.

Cómo obtener información más detallada sobre el objeto HTMLElement

En el manual de referencia de DOM HTML de CodeW3C.com, hemos creado páginas de referencia específicas para los objetos DOM correspondientes a los marcadores HTML:

Manual de referencia de DOM HTML

Páginas relacionadas

Manual de referencia de DOM XML:Objeto Documento

Manual de referencia de DOM XML:getElementById() del Documento

Manual de referencia de DOM XML:getElementsByTagName() del Documento