element

  • Enlace amigable (slug) de la revisión: DOM/element
  • Título de la revisión: element
  • Id de la revisión: 99462
  • Creada:
  • Creador: Nathymig
  • ¿Es la revisión actual? No
  • Comentario traduciendo

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
attributos Todos los atributos asociados a un elemento. NamedNodeMap para todos
childNodes Todos los nudos hijos de un elemento. Listado de nudo para todos
className Consigue/establece 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 Consigue/establece la direccionalidad del elemento. Secuencia para HTML, XUL
firstChild El primer hijo directo del elemento, o null si no hay. Nudo para todos
id Consigue/establece la identificación del elemento. Secuencia para HTML, XUL
innerHTML Consigue/establece el contenido y el código que hay dentro del elemento. Secuencia para HTML
lang Consigue/establece 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 Consigue/establece 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. Node para todos
nodeName El nombre del nudo. {{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 Consigue/establece 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 The scroll view width of an element. Número para HTML
style An object representing the declarations of an element's style attributes. CSSStyle para HTML, XUL
tabIndex Gets/sets the position of the element in the tabbing order. Número para HTML
Nombre de etiqueta The name of the tag for the given element. Secuencia para todos
Contenido del texto Gets/sets the textual contents of an element and all its descendants. Secuencia para todos

Métodos

Name & Description Return Availability
addEventListener( type, handler, 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()
Removes keyboard focus from the current element.
- HTML, XUL
click()
Simulates a click on the current element.
- HTML, XUL
cloneNode( deep )
Clone a node, and optionally, all of its contents.
Node All
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

Event Handlers

These are properties that correspond to the HTML 'on' event attributes.

Unlike the corresponding attributes, the values of these properties are functions (or any other object implementing the EventListener interface) rather than a string. In fact, assigning an event attribute in HTML creates a wrapper function around the specified code. For example, given the following HTML:

<div onclick="foo();">click me!</div>

If element is a reference to this div, the value of element.onclick is effectively:

function onclick(event) {
   foo();
}

Note how the event object is passed as parameter event to this wrapper function.

onblur
Returns the event handling code for the blur event.
onchange
Returns the event handling code for the change event.
onclick
Returns the event handling code for the click event.
ondblclick
Returns the event handling code for the dblclick event.
onfocus
Returns the event handling code for the focus event.
onkeydown
Returns the event handling code for the keydown event.
onkeypress
Returns the event handling code for the keypress event.
onkeyup
Returns the event handling code for the keyup event.
onmousedown
Returns the event handling code for the mousedown event.
onmousemove
Returns the event handling code for the mousemove event.
onmouseout
Returns the event handling code for the mouseout event.
onmouseover
Returns the event handling code for the mouseover event.
onmouseup
Returns the event handling code for the mouseup event.
onresize
Returns the event handling code for the resize event.
{{ wiki.languages( { "fr": "fr/DOM/element", "ja": "ja/DOM/element", "pl": "pl/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">attributos</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>Consigue/establece 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>Consigue/establece 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>Consigue/establece 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>Consigue/establece 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>Consigue/establece 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>Consigue/establece 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">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.nodeName">nodeName</a></code></td>
<td>El nombre del nudo.</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>Consigue/establece 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>The scroll view width 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.style">style</a></code></td>
<td>An object representing the declarations of an element's style attributes.</td>
<td><code><a href="es/DOM/CSSStyleDeclaration">CSSStyle</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><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.tagName">Nombre de etiqueta</a></code></td>
<td>The name of the tag for the given element.</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>
<td><code><a href="es/DOM/element.textContent">Contenido del texto</a></code></td>
<td>Gets/sets the textual contents of an element and all its descendants.</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>
</tbody></table>
<h3 name="M.C3.A9todos"> Métodos </h3>
<table class="fullwidth-table">
<tbody><tr>
<th>Name &amp; Description</th>
<th>Return</th>
<th>Availability</th>
</tr>
<tr>
<td><code><a href="es/DOM/element.addEventListener">addEventListener</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>, <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">bubble</a> )</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>
Removes keyboard focus from the current element.</td>
<td>-</td>
<td nowrap="nowrap"><small><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>
Simulates a click on the current element.</td>
<td>-</td>
<td nowrap="nowrap"><small><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>( <a href="es/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">deep</a> )</code><br>
Clone a node, and optionally, all of its contents.</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.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="Event_Handlers"> Event Handlers </h3>
<p>These are properties that correspond to the HTML 'on' event attributes.
</p><p>Unlike the corresponding attributes, the values of these properties are functions (or any other object implementing the <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener">EventListener</a> interface) rather than a string. In fact, assigning an event attribute in HTML creates a wrapper function around the specified code. For example, given the following HTML:
</p>
<pre>&lt;div onclick="foo();"&gt;click me!&lt;/div&gt;
</pre>
<p>If <code>element</code> is a reference to this <code>div</code>, the value of <code>element.onclick</code> is effectively:
</p>
<pre>function onclick(event) {
   foo();
}
</pre>
<p>Note how the <a href="es/DOM/event">event</a> object is passed as parameter <code>event</code> to this wrapper function.
</p>
<dl><dt> <a href="es/DOM/element.onblur">onblur</a>
</dt><dd> Returns the event handling code for the blur event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onchange">onchange</a>
</dt><dd> Returns the event handling code for the change event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onclick">onclick</a>
</dt><dd> Returns the event handling code for the click event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.ondblclick">ondblclick</a>
</dt><dd> Returns the event handling code for the dblclick event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onfocus">onfocus</a>
</dt><dd> Returns the event handling code for the focus event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onkeydown">onkeydown</a>
</dt><dd> Returns the event handling code for the keydown event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onkeypress">onkeypress</a>
</dt><dd> Returns the event handling code for the keypress event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onkeyup">onkeyup</a>
</dt><dd> Returns the event handling code for the keyup event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onmousedown">onmousedown</a>
</dt><dd> Returns the event handling code for the mousedown event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onmousemove">onmousemove</a>
</dt><dd> Returns the event handling code for the mousemove event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onmouseout">onmouseout</a>
</dt><dd> Returns the event handling code for the mouseout event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onmouseover">onmouseover</a>
</dt><dd> Returns the event handling code for the mouseover event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onmouseup">onmouseup</a>
</dt><dd> Returns the event handling code for the mouseup event.
</dd></dl>
<dl><dt> <a href="es/DOM/element.onresize">onresize</a>
</dt><dd> Returns the event handling code for the resize event.
</dd></dl>
{{ wiki.languages( { "fr": "fr/DOM/element", "ja": "ja/DOM/element", "pl": "pl/DOM/element", "zh-cn": "cn/DOM/element" } ) }}
Revertir a esta revisión