JavaScript/DOM/Element/setAttribute

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Methode Element.setAttribute setzt in einem Element einen Attributwert neu. Ist das Attribut bereits vorhanden, wird sein alter Wert durch den neuen ersetzt. Ist es noch nicht vorhanden, wird es neu angelegt und mit dem neuen Wert belegt.

  • DOM 1.0
  • JavaScript 1.5
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari

Syntax

element.setAttribute(name, wert);

  • name: Name des Attributs, das hinzugefügt oder geändert werden soll ( als Zeichenkette)
  • wert: der gewünschte neue Wert des Attributs.

[Bearbeiten] Anwendungsbeispiel

Beispiel: Formular ansehen …
function init() {
  document.getElementById('abl').checked = true;
}
function weiter() {	  
  var e = document.getElementById('persAngaben');
  if (document.getElementById('agb').checked  == true) {
    e.removeAttribute('disabled');
  }
  if (document.getElementById('abl').checked  == true) {
    e.setAttribute('disabled','disabled');
  }
}
 
init();
Das Beispiel enthält ein Formular mit zwei Radio-Buttons. Erst wenn Benutzer die AGB akzeptieren, wird das ausgegraute Formular freigeschaltet. Die Funktion init() setzt den Radio-Button auf AGB ablehnen. Bei einem Klick auf "Akzeptieren" wird die Funktion weiter()aufgerufen, die das ausgegraute fieldset mit der Methode removeAttribute() aktiviert. Wenn der Benutzer wieder auf "Ablehnen" geht, wird das disabled-Attribut mit setAttribute() wieder gesetzt.
Beachten Sie: setAttribute() ist eine Methode des allgemeinen DOM (Kern-DOM). Wenn Sie auf Attribute von HTML-Elementen zugreifen möchten, brauchen Sie setAttribute() strenggenommen nicht, denn das HTML-spezifische DOM definiert alle Attribute als Eigenschaften von Elementobjekten, auf die Sie direkt zugreifen können.

Das Setzen von Attributen über setAttribute() ist meist unnötig umständlich. Anstatt

element.setAttribute('disabled', value);

können Sie unter Verwendung des HTML-spezifischen DOM ebenso

element.disabled = value;

notieren.

[Bearbeiten] Weblinks

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML