JavaScript - DOM-Elemente verändern

HTMLElementS.645 Das umfassende Referenzwerk

Ein Oberklasse aller HTML-Elemente

Eigenschaften

  • all[]
  • children[]
  • className
  • document
  • id
  • innerHTML
  • innerText/li>
  • lang
  • offsetHeight
  • offsetLeft
  • offsetParent
  • offsetTop
  • offsetWidth
  • outerHTML
  • outerText
  • parentElement
  • sourceIndex
  • style
  • tagName
  • title

Methoden

  • contains()

    Ermittelt, ob ein Element ein bestimmtes Element enthält.

  • getAttribute()

    Ermittelt den Wert eines bestimmten Attributs.

  • handleEvent()

    Übergibt ein Event-Objekr an den geeigneten Event-Handler.

  • insertAdjacentHTML()

    Fügt neben diesem Element HTML-Text in das Dokument ein.

  • insertAdjacentText()

    Fügt neben diesem Element einfachen Text in das Dokument ein.

  • removeAttribute()

    Löscht ein Attribut und seinen Wert aus dem Element.

  • scrollIntoView()

    Scrollt das Dokument derart, dass das Element oben oder unten im Fenster zu sehen ist.

  • setAttribute()

    Setzt den Wert eines Attributs des Elements.

Event-Handler

  • onclick
  • ondblclick
  • onhelp
  • onkeydown
  • onkeypress
  • onkeyup
  • onmousedown
  • onmousemove
  • onmouseout
  • onmouseover
  • onmouseup

Beschreibung

HTMLElement ist die Oberklasse aller JavaScript-Klassen, die HTML-Elemente repräsentieren.

HTMLElement.getAttribute() S.649 Das umfassende Referenzwerk

Holt einen Attributwert

Überblick

  • element.getAttribute(name)

Argumente

  • name

    Der Name des Attributs.

Rückgabewert

Der Wert des angegebenen Attributs von element oder null, wenn element kein Attribut namens namebesitzt.

HTMLElement.setAttribute() S.649 Das umfassende Referenzwerk

Setzt den Wert eines Attributs

Überblick

  • element.setAttribute(name, wert)

Argumente

  • name

    Der Name des zu setzenden Attributs.

  • wert

    Der Wert, auf den es gesetzt wird.

Rückgabewert

setAttribute() das Attribut name von element auf wert.

Änderung des Formulartyps

Beispiel:

<script type="text/javascript">

function aendereFeldTyp(){

var feld = document.getElementById("Passwortfeld");

if (feld.getAttribute("type") == "password") {

feld.setAttribute("type", "radio");

} else {

feld.setAttribute("type", "password");

}

}

</script>

Ausgabe:

Durch klick auf dem Button wird aus dem Eingabefeld ein Radiobutton!

zurück