JavaScript - Tutorial - Objektreferenz - Der Element-Objekttyp

Der Element-Objekttyp ist vom Node-Objekttyp abgeleitet und ererbt dessen Attribute und Methoden.

Konstanten des Objekttyps Element
vom Node-Objekttyp ererbte Konstanten:
ELEMENT_NODE, ATTRIBUTE_NODE, TEXT_NODE, CDATA_SECTION_NODE, ENTITY_REFERENCE_NODE, ENTITY_NODE, PROCESSING_INSTRUCTION_NODE, COMMENT_NODE, DOCUMENT_NODE, DOCUMENT_TYPE_NODE, DOCUMENT_FRAGMENT_NODE, NOTATION_NODE, DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_PRECEDING, DOCUMENT_POSITION_FOLLOWING, DOCUMENT_POSITION_CONTAINS, DOCUMENT_POSITION_IS_CONTAINED, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC


Attribute des Objekttyps Element
vom Node-Objekttyp ererbte Attribute:
nodeName, nodeValue, nodeType, parentNode, childNodes, firstChild, lastChild, previousSibling, nextSibling, attributes, ownerDocument, namaspaceURI, prefix, localName, baseURI, textContent
Attribut Typ  Bedeutung
DOM-Attribute
tagName  string, readonly  tag-Name des Elements (z.B. "DIV", "BODY", "TABLE", "TD", "SPAN", ...)
schemaTypeInfo  object, readonly  Typ-Information
HTML-Inhalte
innerHTML  string  Nicht in W3C-DOM-Level-3 enthalten!
eingeschlossener HTML-Quelltext; Veränderung der Darstellung durch Setzen dieses Wertes möglich
Stil-Attribut für Elemente mit eigenen CSS-Eigenschaften
style  object, readonly  Stil-Angaben zum Abfragen und Setzen
Geometrie-Attribute für Elemente mit eigenem Offset ("BODY", "TABLE", "TD", "DIV", "A", ...)
offsetHeight  number  Höhe (Pixel)
offsetLeft  number  Position des linken Randes (Pixel) bezüglich Lage des übergeordneten Offset-Objekts
offsetParent  object (Node)  Objekt, in dessen Darstellung das jeweilige Element eingebunden ist
offsetTop  number  Position des oberen Randes (Pixel) bezüglich Lage des übergeordneten Offset-Objekts
offsetWidth  number  Breite (Pixel)
Geometrie-Attribute für Objekt zum BODY-tag oder Elemente mit Rollbalken
clientHeight  number  Breite des dargestellten Bereiches
clientWidth  number  Höhe des dargestellten Bereiches
scrollHeight  number  Höhe des Roll-Bereiches
scrollLeft  number  waagerechte Roll-Position
scrollTop  number  senkrechte Roll-Position
scrollWidth  number  Breite des Roll-Bereiches


Funktionen des Objekttyps Element
vom Node-Objekttyp ererbte Funktionen:
insertBefore, replaceChild, removeChild, appendChild, hasChildNodes, cloneNode, normalize, isSupported, hasAttributes, compareDocumentPosition, isSameNode, lookupPrefix, isDefaultNamespace, lookupNamespaceURI, isEqualNode, getFeature, setUserData, getUserData
Funktion  Bedeutung
DOM-Funktionen
addEventListener(type,listener,useCapture)  registriert eine JavaScript/ECMA-Funktion für die Ausführung bei Eintreten eines Ereignisses
Attribute:
type (string) (z.B. "mouseover" oder "mouseout")
listener (function) (diese bekommt das Ereignis als einzigen Parameter übergeben)
useCapture (boolean)
Rückgabewert:
keiner
dispatchEvent(evt)  dispatcht ein Ereignis
Attribute:
evt (object) (das Ereignis)
Rückgabewert:
Erfolg (boolean)
getAttribute(name)  gibt ein Attribut zurück
Attribute:
name (string)
Rückgabewert:
Wert des erfragten Attributs (string)
getAttributeNode(name)  gibt ein Attribut-Objekt zurück
Attribute:
name (string)
Rückgabewert:
erfragtes Attribut (object (Attr))
getAttributeNodeNS(namespaceURI,localName)  gibt ein Attribut-Objekt zurück
Attribute:
namespaceURI (string)
localName (string)
Rückgabewert:
erfragtes Attribut (object (Attr))
getAttributeNS(namespaceURI,localName)  gibt ein Attribut zurück
Attribute:
namespaceURI (string)
localName (string)
Rückgabewert:
Wert des erfragten Attributs (string)
getElementsByTagName(name)  gibt alle Tochterobjekte zurück, die den angegebenen tag-Namen haben
Attribute:
name (string)
Rückgabewert:
Array aller entsprechenden Tochterobjekte (object (NodeList))
getElementsByTagNameNS(namespaceURI,localName)  gibt alle Tochterobjekte zurück, die den angegebenen tag-Namen haben
Attribute:
namespaceURI (string)
localName (string)
Rückgabewert:
Array aller entsprechenden Tochterobjekte (object (NodeList))
hasAttribute(name)  gibt zurück, ob ein Attribut vorhanden ist
Attribute:
name (string)
Rückgabewert:
true oder false (Boolean)
removeAttribute(name)  entfernt ein Attribut
Attribute:
name (string)
removeAttributeNode(oldAttr)  entfernt ein Attribut
Attribute:
oldAttr (object (Attr))
Rückgabewert:
entferntes Attribut (object (Attr))
removeAttributeNS(namespaceURI,localName)  entfernt ein Attribut
Attribute:
namespaceURI (string)
localName (string)
removeEventListener(type,listener,useCapture)  entkoppelt eine JavaScript/ECMA-Funktion vom Eintreten eines Ereignisses
Attribute:
type (string) (z.B. "mouseover" oder "mouseout")
listener (function)
useCapture (boolean)
Rückgabewert:
keiner
setAttribute(name,value)  setzt ein Attribut auf einen Wert
Attribute:
name (string)
value (string)
setAttributeNode(newAttr)  setzt ein Attribut
Attribute:
newAttr (object (Attr))
Rückgabewert:
ersetztes Attribut (object (Attr)) oder leer
setAttributeNodeNS(newAttr)  setzt ein Attribut
Attribute:
newAttr (object (Attr))
Rückgabewert:
ersetztes Attribut (object (Attr)) oder leer
setAttributeNS(namespaceURI,localName,value)  setzt ein Attribut auf einen Wert
Attribute:
namespaceURI (string)
localName (string)
value (string)
setIdAttribute(name,isId)  setzt ein Attribut als ID-Wert
Attribute:
name (string)
isID (Boolean)
setIdAttributeNS(namespaceURI,localName,isId)  setzt ein Attribut als ID-Wert
Attribute:
namespaceURI (string)
localName (string)
isID (Boolean)
setIdAttributeNode(idAttr,isId)  setzt ein Attribut als ID-Wert
Attribute:
idAttr (object (Attr))
isID (Boolean)


Autor: Ulrich Kritzner