Input-Button valueEigenschaft
Button-Objekt
Definition und Verwendung
Die value-Eigenschaft legt den Wert des value-Attributs des Button-Elements fest oder gibt ihn zurück.
Das value-Attribut gibt den Text an, der auf dem Button angezeigt wird.
Syntax
Festlegen der value-Eigenschaft:
buttonObject.value="value"
Zurückgeben der value-Eigenschaft:
buttonObject.value
Browser-Unterstützung
![]()
![]()
![]()
![]()
![]()
Alle wichtigen Browser unterstützen die value-Eigenschaft
Beispiel
Beispiel
Den Text des Buttons anzeigen:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("button1").value;
alert(x);
}
</script>
</head>
<body>
<form>
<input type="button" onclick="displayResult()" id="button1" value="Buttontext anzeigen">
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Rookie Tutorial (example.com)</title>
<script>
function displayResult(){
var x=document.getElementById("button1").value;
alert(x);
}
</script>
</head>
<body>
<form>
<input type="button" onclick="displayResult()" id="button1" value="Buttontext anzeigen">
</form>
</body>
</html>
Selbst ausprobieren »
Button-Objekt Weitere Erweiterungen