JavaScript/DOM/Element/getAttribute

Aus SELFHTML-Wiki
< JavaScript‎ | DOM‎ | Element
Wechseln zu: Navigation, Suche

Die Methode Element.getAttribute() ermittelt den Wert eines bestimmten Attributs in einem Element.

Syntax

attribut = element.getAttribute(name);

  • name: Name des Attributs ( als Zeichenkette)
  • attribut: Wert des Attributs (als Zeichenkette).

Anwendungsbeispiel

Beispiel ansehen …
  function findeAttribut(event) { 
     var text = event.target.getAttribute('class');
	 if (text == ''){
  	   text ='keine Klasse vergeben!';
	 }
    document.getElementById('ausgabe').textContent = text;
  }

Das Beispiel enthält mehrere Elemente. Mit getAttribute('class') wird der Name des gewünschten Attributs definiert und dann durch einen Klick auf die Elemente dessen Wert zurückgeliefert.

Beachten Sie: Da einige Browser bei einem fehlenden Attribut nach dem aktuellen DOM[1] null, andere nach dem DOM3-Standard aber einen leeren String zurückgeben, ist es ratsam, vorher die Existenz des Attributs mit hasAttribute abzuprüfen.


Quellen

  1. MDN: Element.getAttribute#Notes

Weblinks