JavaScript - Tutorial - Objektreferenz - Der Element-Objekttyp
| 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) | |