element

  • Enlace amigable (slug) de la revisión: DOM/element
  • Título de la revisión: element
  • Id de la revisión: 99467
  • Creada:
  • Creador: Mgjbot
  • ¿Es la revisión actual? No
  • Comentario robot Añadido: [[pt:DOM:element]]

Contenido de la revisión

{{wiki.template('Traducción', [ "inglés", "Gecko DOM Reference", "en" ])}} {{template.DomRef()}} Este capítulo proporciona una breve explicación para los métodos generales, las propiedades y los eventos disponibles para los elementos HTML y XML en el DOM de Gecko.

Varias especificaciones aplicadas a los elementos:

Los artículos listados aquí amplían lo antedicho e incluyen enlaces a la especificación apropiada del DOM de W3C.

Mientras que estas interfaces son generalmente compartidas por la mayoría de los elementos HTML y XML, hay muchas más especiales para los objetos particulares listados en la especificación HTML del DOM —por ejemplo las interfaces del elemento tabla de HTML y elemento formulario de HTML.

Propiedades

</tr>
Nombre Descripción Tipo Disponibilidad
attributes Todos los atributos asociados a un elemento. NamedNodeMap para todos
childNodes Todos los nudos hijos de un elemento. Listado de nudo para todos
className La clase del elemento. Secuencia para HTML, XUL
clientHeight El alto interior del elemento. Número para HTML
clientWidth El ancho interior del elemento. Número para HTML
dir La direccionalidad del elemento. Secuencia para HTML, XUL
firstChild El primer hijo directo del elemento, o null si no hay. Nudo para todos
id La identificación del elemento. Secuencia para HTML, XUL
innerHTML El contenido y el código que hay dentro del elemento. Secuencia para HTML
lang El lenguaje de los atributos, texto y contenidos del elemento. Secuencia para HTML
lastChild El último hijo directo del elemento, o null si no hay. Node para todos
localName La parte local del nombre cualificado del elemento. Secuencia para todos
Nombre Descripción Tipo Disponibilidad
name El nombre del elemento. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}} para HTML
namespaceURI El URI del espacio de nombre de ese nudo, o null si no está especificado. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}} para todos
nextSibling El nudo inmediatamente posterior al primero dado en el árbol, o null si no hay. Nudo para todos
nodeName El nombre del nudo de ese elemento. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}} para todos
nodeType Un número que representa el tipo del nudo. Lo mismo que 1 para los elementos DOM. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}} para todos
nodeValue El valor del nudo. Lo mismo que null para los elementos DOM. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}} para todos
offsetHeight El alto de un elemento, tal cual está escrito en la composición. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}} para HTML
offsetLeft La distancia que hay desde el borde izquierdo del elemento al de su offsetParent. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}} para HTML
offsetParent El elemento del cual todos los cálculos de distancia son actualmente computados. Elemento para HTML
offsetTop La distancia desde el borde superior del elemento hasta el de su offsetParent. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}} para HTML
offsetWidth El ancho de un elemento, tal cual está escrito en la composición. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}} para HTML
ownerDocument El documento en el cual está ese nudo, o null si no hay. Documento para todos
Nombre Descripción Tipo Disponibilidad
parentNode El elemento original(padre) de ese nudo, or null si no hay dentro del documento de DOM. Nudo para todos
prefix El prefijo del espacio de nombre del nudo, o null si no está especificado. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}} para todos
previousSibling El nudo inmediatamente anterior al primero dado en el árbol , o null si no hay. Nudo para todos
scrollHeight Muestra la altura de deslizamiento del elemento. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}} para HTML
scrollLeft Gets/sets the left scroll offset of an element. Número para HTML
scrollTop Gets/sets the top scroll offset of an element. Número para HTML
scrollWidth Muestra el ancho de deslizamiento de un elemento. Número para HTML
style Un objeto representando las declaraciones de los atributos de estilo del elemento. Estilo CSS para HTML, XUL
tabIndex Gets/sets the position of the element in the tabbing order. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}} para HTML
tagName El nombre de la etiqueta para el elemento dado. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}} para todos
textContent Gets/sets the textual contents of an element and all its descendants. {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}} para todos

Métodos

Nombre y Descripción Devuelve Disponible
addEventListener( {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'type')}}, {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Function', 'handler')}}, {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Boolean', 'bubble')}} )
Register an event handler to a specific event type on the element.
- All
appendChild( appendedNode )
Insert a node as the last child node of this element.
Node All
blur()
Quita el foco del teclado del elemento actual.
- para HTML, XUL
click()
Simula un clic sobre el elemento actual.
- para HTML, XUL
cloneNode( {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Boolean', 'deep')}} )
Hace copia de un nudo, y opcionalmente, de todo sus contenidos
Node para todos
dispatchEvent( event )
Dispatch an event to this node in the DOM.
Boolean All
getAttribute( name )
Retrieve the value of the named attribute from the current node.
Object All
getAttributeNS( namespace, name )
Retrieve the value of the attribute with the specified name and namespace, from the current node.
Object All
getAttributeNode( name )
Retrieve the node representation of the named attribute from the current node.
Attr All
getAttributeNodeNS( namespace, name )
Retrieve the node representation of the attribute with the specified name and namespace, from the current node.
Attr All
Name & Description Return Availability
getElementsByTagName( name )
Retrieve a set of all descendant elements, of a particular tag name, from the current element.
NodeSet All
getElementsByTagNameNS( namespace, name )
Retrieve a set of all descendant elements, of a particular tag name and namespace, from the current element.
NodeSet All
hasAttribute( name )
Check if the element has the specified attribute, or not.
Boolean All
hasAttributeNS( namespace, name )
Check if the element has the specified attribute, in the specified namespace, or not.
Boolean All
hasAttributes()
Check if the element has any attributes, or not.
Boolean All
hasChildNodes()
Check if the element has any child nodes, or not.
Boolean All
insertBefore( insertedNode, adjacentNode )
Inserts the first node before the second, child, Node in the DOM.
Node All
normalize()
Clean up all the text nodes under this element (merge adjacent, remove empty).
- All
removeAttribute( name )
Remove the named attribute from the current node.
- All
removeAttributeNS( namespace, name )
Remove the attribute with the specified name and namespace, from the current node.
- All
Name & Description Return Availability
removeAttributeNode( name )
Remove the node representation of the named attribute from the current node.
- All
removeChild( removedNode )
Removes a child node from the current element.
Node All
removeEventListener( type, handler )
Removes an event listener from the element.
- All
replaceChild( insertedNode, replacedNode )
Replaces one child node in the current element with another.
Node All
scrollIntoView( alignWithTop )
Scrolls the page until the element gets into the view.
- HTML
setAttribute( name, value )
Set the value of the named attribute from the current node.
- All
setAttributeNS( namespace, name, value )
Set the value of the attribute with the specified name and namespace, from the current node.
- All
setAttributeNode( name, attrNode )
Set the node representation of the named attribute from the current node.
- All
setAttributeNodeNS( namespace, name, attrNode )
Set the node representation of the attribute with the specified name and namespace, from the current node.
- All

Eventos

Son propiedades correspondientes a los atributos del evento "on" en HTML.

A diferencia de los atributos correspondientes, los valores de esas propiedades son funciones (o cualquier otro objeto trabajando con la interfaz EventListener) más bien que una cadena de carácteres. En efecto, asignar un atributo de evento en HTML crea una función envolvente alrededor del código especificado. Por ejemplo, el siguiente HTML:

<div onclick="foo();">clic aquí!</div>

Si element es una referencia a esta div, el valor de element.onclick será:

function onclick(event) {
   foo();
}

El objeto event es pasado al parámetro event de esta función envolvente.

onblur - (al quitar el foco)
Devuelve el código de manejo de evento para el evento blur.
onchange - (al modificar)
Devuelve el código de manejo de evento para el evento change.
onclick - (al hacer clic)
Devuelve el código de manejo de evento para el evento onclick.
ondblclick - (al hacer doble clic)
Devuelve el código de manejo de evento para el evento ondblclick.
onfocus - (al poner el foco)
Devuelve el código de manejo de evento para el evento onfocus.
onkeydown - (al tener una tecla apretada)
Devuelve el código de manejo de evento para el evento onkeydown.
onkeypress - (al apretar una tecla)
Devuelve el código de manejo de evento para el evento onkeypress.
onkeyup - (al soltar una tecla)
Devuelve el código de manejo de evento para el evento onkeyup.
onmousedown - (al tener el botón del ratón apretado)
Devuelve el código de manejo de evento para el evento onmousedown.
onmousemove - (al mover el ratón)
Devuelve el código de manejo de evento para el evento onmousemove.
onmouseout - (al quitar el puntero del ratón)
Devuelve el código de manejo de evento para el evento onmouseout.
onmouseover - (al pasar el ratón encima)
Devuelve el código de manejo de evento para el evento onmouseover.
onmouseup - (al soltar el botón del ratón)
Devuelve el código de manejo de evento para el evento onmouseup.
onresize - (al re-dimensionar la pantalla)
Devuelve el código de manejo de evento para el evento onresize.
{{ wiki.languages( { "en": "en/DOM/element", "fr": "fr/DOM/element", "ja": "ja/DOM/element", "pl": "pl/DOM/element", "pt": "pt/DOM/element", "zh-cn": "cn/DOM/element" } ) }}

Fuente de la revisión

<p>
{{wiki.template('Traducción', [ "inglés", "Gecko DOM Reference", "en" ])}}
{{template.DomRef()}}
Este capítulo proporciona una breve explicación para los métodos generales, las propiedades y los eventos disponibles para los elementos HTML y XML en el DOM de Gecko. 
</p><p>Varias especificaciones aplicadas a los elementos:
</p>
<ul><li> <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/">Especificaciones esenciales del DOM</a> —describe las interfaces esenciales compartidas por la mayoría de los objetos DOM en los documentos HTML y XML.
</li><li> <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/">Especificaciones HTML del DOM</a> —describe las interfaces para objetos en documentos HTML y XHTML construidos con la especificación base.
</li><li> <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/">Especificiones de los eventos DOM</a> —describe los eventos compartidos por la mayoría de objetos DOM, construidos con las especificaciones y base DOM <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Views/">Opiniones</a>.
</li></ul>
<p>Los artículos listados aquí amplían lo antedicho e incluyen enlaces a la especificación apropiada del DOM de W3C. 
</p><p>Mientras que estas interfaces son generalmente compartidas por la mayoría de los elementos HTML y XML, hay muchas más especiales para los objetos particulares listados en la especificación HTML del DOM —por ejemplo las interfaces del <a href="es/DOM/table">elemento tabla de HTML</a> y <a href="es/DOM/form">elemento formulario de HTML</a>.
</p>
<h3 name="Propiedades"> Propiedades </h3>

&lt;/tr&gt;
<table class="fullwidth-table">
<tbody><tr>
<th>Nombre</th>
<th>Descripción</th>
<th>Tipo</th>
<th>Disponibilidad</th>
</tr>
<tr>
<td><code><a href="es/DOM/element.attributes">attributes</a></code></td>
<td>Todos los atributos asociados a un elemento.</td>
<td><code><a href="es/DOM/NamedNodeMap">NamedNodeMap</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.childNodes">childNodes</a></code></td>
<td>Todos los nudos hijos de un elemento.</td>
<td><code><a href="es/DOM/NodeList">Listado de nudo</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.className">className</a></code></td>
<td>La clase del elemento.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">Secuencia</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a>, <a href="es/XUL">XUL</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.clientHeight">clientHeight</a></code></td>
<td>El alto interior del elemento.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Number">Número</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.clientWidth">clientWidth</a></code></td>
<td>El ancho interior del elemento.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Number">Número</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.dir">dir</a></code></td>
<td>La direccionalidad del elemento.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">Secuencia</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a>, <a href="es/XUL">XUL</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.firstChild">firstChild</a></code></td>
<td>El primer hijo directo del elemento, o <code>null</code> si no hay.</td>
<td><code><a href="es/DOM/Node">Nudo</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.id">id</a></code></td>
<td>La identificación del elemento.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">Secuencia</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a>, <a href="es/XUL">XUL</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.innerHTML">innerHTML</a></code></td>
<td>El contenido y el código que hay dentro del elemento.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">Secuencia</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.lang">lang</a></code></td>
<td>El lenguaje de los atributos, texto y contenidos del elemento.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">Secuencia</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.lastChild">lastChild</a></code></td>
<td>El último hijo directo del elemento, o <code>null</code> si no hay.</td>
<td><code><a href="es/DOM/Node">Node</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.localName">localName</a></code></td>
<td>La parte local del nombre cualificado del elemento.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">Secuencia</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<th>Nombre</th>
<th>Descripción</th>
<th>Tipo</th>
<th>Disponibilidad</th>
</tr>
<tr>
<td><code><a href="es/DOM/element.name">name</a></code></td>
<td>El nombre del elemento.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.namespaceURI">namespaceURI</a></code></td>
<td>El URI del espacio de nombre de ese nudo, o <code>null</code> si no está especificado.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.nextSibling">nextSibling</a></code></td>
<td>El nudo inmediatamente posterior al primero dado en el árbol, o <code>null</code> si no hay.</td>
<td><code><a href="es/DOM/Node">Nudo</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.nodeName">nodeName</a></code></td>
<td>El nombre del nudo de ese elemento.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr><tr>
<td><code><a href="es/DOM/element.nodeType">nodeType</a></code></td>
<td>Un número que representa el tipo del nudo. Lo mismo que <code>1</code> para los elementos DOM.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.nodeValue">nodeValue</a></code></td>
<td>El valor del nudo. Lo mismo que <code>null</code> para los elementos DOM.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.offsetHeight">offsetHeight</a></code></td>
<td>El alto de un elemento, tal cual está escrito en la composición.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.offsetLeft">offsetLeft</a></code></td>
<td>La distancia que hay desde el borde izquierdo del elemento al de su <code>offsetParent</code>.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.offsetParent">offsetParent</a></code></td>
<td>El elemento del cual todos los cálculos de distancia son actualmente computados.</td>
<td><code><a href="es/DOM/element">Elemento</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.offsetTop">offsetTop</a></code></td>
<td>La distancia desde el borde superior del elemento hasta el de su <code>offsetParent</code>.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.offsetWidth">offsetWidth</a></code></td>
<td>El ancho de un elemento, tal cual está escrito en la composición.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.ownerDocument">ownerDocument</a></code></td>
<td>El documento en el cual está ese nudo, o <code>null</code> si no hay.</td>
<td><code><a href="es/DOM/document">Documento</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<th>Nombre</th>
<th>Descripción</th>
<th>Tipo</th>
<th>Disponibilidad</th>
</tr>
<tr>
<td><code><a href="es/DOM/element.parentNode">parentNode</a></code></td>
<td>El elemento original(padre) de ese nudo, or <code>null</code> si no hay dentro del <a href="es/DOM/document">documento de DOM</a>.</td>
<td><code><a href="es/DOM/Node">Nudo</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.prefix">prefix</a></code></td>
<td>El prefijo del espacio de nombre del nudo, o <code>null</code> si no está especificado.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.previousSibling">previousSibling</a></code></td>
<td>El nudo inmediatamente anterior al primero dado en el árbol , o <code>null</code> si no hay.</td>
<td><code><a href="es/DOM/Node">Nudo</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.scrollHeight">scrollHeight</a></code></td>
<td>Muestra la altura de deslizamiento del elemento.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.scrollLeft">scrollLeft</a></code></td>
<td>Gets/sets the left scroll offset of an element.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Number">Número</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.scrollTop">scrollTop</a></code></td>
<td>Gets/sets the top scroll offset of an element.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Number">Número</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.scrollWidth">scrollWidth</a></code></td>
<td>Muestra el ancho de deslizamiento de un elemento.</td>
<td><code><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Number">Número</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.style">style</a></code></td>
<td>Un objeto representando las declaraciones de los atributos de estilo del elemento.</td>
<td><code><a href="es/DOM/CSSStyleDeclaration">Estilo CSS</a></code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a>, <a href="es/XUL">XUL</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.tabIndex">tabIndex</a></code></td>
<td>Gets/sets the position of the element in the tabbing order.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Number', 'Número')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.tagName">tagName</a></code></td>
<td>El nombre de la etiqueta para el elemento dado.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.textContent">textContent</a></code></td>
<td>Gets/sets the textual contents of an element and all its descendants.</td>
<td><code>{{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'Secuencia')}}</code></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
</tbody></table>
<h3 name="M.C3.A9todos"> Métodos </h3>
<table class="fullwidth-table">
<tbody><tr>
<th>Nombre y Descripción</th>
<th>Devuelve</th>
<th>Disponible</th>
</tr>
<tr>
<td><code><a href="es/DOM/element.addEventListener">addEventListener</a>( {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:String', 'type')}}, {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Function', 'handler')}}, {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Boolean', 'bubble')}} )</code><br>
Register an event handler to a specific event type on the element.</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/DOM/event">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.appendChild">appendChild</a>( <a href="es/DOM/Node">appendedNode</a> )</code><br>
Insert a node as the last child node of this element.</td>
<td><a href="es/DOM/Node">Node</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.blur">blur</a>()</code><br>
Quita el foco del teclado del elemento actual.</td>
<td>-</td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a>, <a href="es/XUL">XUL</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.click">click</a>()</code><br>
Simula un clic sobre el elemento actual.</td>
<td>-</td>
<td nowrap="nowrap"><small>para <a href="es/HTML">HTML</a>, <a href="es/XUL">XUL</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.cloneNode">cloneNode</a>( {{mediawiki.interwiki('en', 'Core_JavaScript_1.5_Reference:Global_Objects:Boolean', 'deep')}} )</code><br>
Hace copia de un nudo, y opcionalmente, de todo sus contenidos</td>
<td><a href="es/DOM/Node">Node</a></td>
<td nowrap="nowrap"><small>para <a href="es/DOM">todos</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.dispatchEvent">dispatchEvent</a>( <a href="es/DOM/event">event</a> )</code><br>
Dispatch an event to this node in the DOM.</td>
<td><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.getAttribute">getAttribute</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Retrieve the value of the named attribute from the current node.</td>
<td><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.getAttributeNS">getAttributeNS</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Retrieve the value of the attribute with the specified name and namespace, from the current node.</td>
<td><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Object">Object</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.getAttributeNode">getAttributeNode</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Retrieve the node representation of the named attribute from the current node.</td>
<td><a href="es/DOM/Attr">Attr</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.getAttributeNodeNS">getAttributeNodeNS</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Retrieve the node representation of the attribute with the specified name and namespace, from the current node.</td>
<td><a href="es/DOM/Attr">Attr</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<th>Name &amp; Description</th>
<th>Return</th>
<th>Availability</th>
</tr>
<tr>
<td><code><a href="es/DOM/element.getElementsByTagName">getElementsByTagName</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Retrieve a set of all descendant elements, of a particular tag name, from the current element.</td>
<td><a href="es/DOM/NodeSet">NodeSet</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Retrieve a set of all descendant elements, of a particular tag name and namespace, from the current element.</td>
<td><a href="es/DOM/NodeSet">NodeSet</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.hasAttribute">hasAttribute</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Check if the element has the specified attribute, or not.</td>
<td><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.hasAttributeNS">hasAttributeNS</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Check if the element has the specified attribute, in the specified namespace, or not.</td>
<td><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.hasAttributes">hasAttributes</a>()</code><br>
Check if the element has any attributes, or not.</td>
<td><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.hasChildNodes">hasChildNodes</a>()</code><br>
Check if the element has any child nodes, or not.</td>
<td><a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">Boolean</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.insertBefore">insertBefore</a>( <a href="es/DOM/Node">insertedNode</a>, <a href="es/DOM/Node">adjacentNode</a> )</code><br>
Inserts the first node before the second, child, Node in the DOM.</td>
<td><a href="es/DOM/Node">Node</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.normalize">normalize</a>()</code><br>
Clean up all the text nodes under this element (merge adjacent, remove empty).</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.removeAttribute">removeAttribute</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Remove the named attribute from the current node.</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.removeAttributeNS">removeAttributeNS</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Remove the attribute with the specified name and namespace, from the current node.</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<th>Name &amp; Description</th>
<th>Return</th>
<th>Availability</th>
</tr>
<tr>
<td><code><a href="es/DOM/element.removeAttributeNode">removeAttributeNode</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a> )</code><br>
Remove the node representation of the named attribute from the current node.</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.removeChild">removeChild</a>( <a href="es/DOM/Node">removedNode</a> )</code><br>
Removes a child node from the current element.</td>
<td><a href="es/DOM/Node">Node</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.removeEventListener">removeEventListener</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">type</a>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Function">handler</a> )</code><br>
Removes an event listener from the element.</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/DOM/event">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.replaceChild">replaceChild</a>( <a href="es/DOM/Node">insertedNode</a>, <a href="es/DOM/Node">replacedNode</a> )</code><br>
Replaces one child node in the current element with another.</td>
<td><a href="es/DOM/Node">Node</a></td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.scrollIntoView">scrollIntoView</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">alignWithTop</a> )</code><br>
Scrolls the page until the element gets into the view.</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/HTML">HTML</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.setAttribute">setAttribute</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Object">value</a> )</code><br>
Set the value of the named attribute from the current node.</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.setAttributeNS">setAttributeNS</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Object">value</a> )</code><br>
Set the value of the attribute with the specified name and namespace, from the current node.</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.setAttributeNode">setAttributeNode</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="es/DOM/Attr">attrNode</a> )</code><br>
Set the node representation of the named attribute from the current node.</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
<tr>
<td><code><a href="es/DOM/element.setAttributeNodeNS">setAttributeNodeNS</a>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">namespace</a>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/String">name</a>, <a href="es/DOM/Attr">attrNode</a> )</code><br>
Set the node representation of the attribute with the specified name and namespace, from the current node.</td>
<td>-</td>
<td nowrap="nowrap"><small><a href="es/DOM">All</a></small></td>
</tr>
</tbody></table>
<h3 name="Eventos"> Eventos </h3>
<p>Son propiedades correspondientes a los atributos del evento "on" en HTML.
</p><p>A diferencia de los atributos correspondientes, los valores de esas propiedades son funciones (o cualquier otro objeto trabajando con la interfaz <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener">EventListener</a>) más bien que una cadena de carácteres. En efecto, asignar un atributo de evento en HTML crea una función envolvente alrededor del código especificado. Por ejemplo, el siguiente HTML:
</p>
<pre>&lt;div onclick="foo();"&gt;clic aquí!&lt;/div&gt;
</pre>
<p>Si <code>element</code> es una referencia a esta <code>div</code>, el valor de <code>element.onclick</code> será:
</p>
<pre>function onclick(event) {
   foo();
}
</pre>
<p>El objeto <a href="es/DOM/event">event</a> es pasado al parámetro <code>event</code> de esta función envolvente.
</p>
<dl><dt> <a href="es/DOM/element.onblur">onblur</a> - (al quitar el foco)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>blur</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onchange">onchange</a> - (al modificar)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>change</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onclick">onclick</a> - (al hacer clic)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onclick</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.ondblclick">ondblclick</a> -  (al hacer doble clic)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>ondblclick</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onfocus">onfocus</a> - (al poner el foco)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onfocus</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onkeydown">onkeydown</a> - (al tener una tecla apretada)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onkeydown</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onkeypress">onkeypress</a> - (al apretar una tecla)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onkeypress</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onkeyup">onkeyup</a> - (al soltar una tecla)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onkeyup</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onmousedown">onmousedown</a> - (al tener el botón del ratón apretado)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onmousedown</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onmousemove">onmousemove</a> - (al mover el ratón)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onmousemove</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onmouseout">onmouseout</a> - (al quitar el puntero del ratón)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onmouseout</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onmouseover">onmouseover</a> - (al pasar el ratón encima)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onmouseover</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onmouseup">onmouseup</a> - (al soltar el botón del ratón)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onmouseup</code>.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onresize">onresize</a> - (al re-dimensionar la pantalla)
</dt><dd> Devuelve el código de manejo de evento para el evento <code>onresize</code>.
</dd></dl>
<div class="noinclude">
</div>
{{ wiki.languages( { "en": "en/DOM/element", "fr": "fr/DOM/element", "ja": "ja/DOM/element", "pl": "pl/DOM/element", "pt": "pt/DOM/element", "zh-cn": "cn/DOM/element" } ) }}
Revertir a esta revisión