Button value-eigenschap

HTML DOM Button object

Definitie en gebruik

value Eigenschap instellen of retourneren van de waarde van de knop value-eigenschap waarde.

value-eigenschap Stel het basiswaarde vast die verbonden is aan de knop.

Belangrijke tip:Als je de <button> element gebruikt in een HTML <form>, zullen verschillende browsers verschillende waarden indienen:

  • Internet Explorer zal de tekst tussen de <button> en </button> tags indienen
  • Andere browsers zullen de inhoud van de value-eigenschap indienen

Voorbeeld

Voorbeeld 1

Geef de waarde van de value-eigenschap van de knop terug:

var x = document.getElementById("myBtn").value;

Probeer het zelf

Voorbeeld 2

Wijzig de waarde van de value-eigenschap van de knop:

document.getElementById("myBtn").value = "newButtonValue";

Probeer het zelf

Syntax

Return value attribute:

buttonObject.value

Set value attribute:

buttonObject.value = text

Attribute value

Value Description
text The initial value of the button.

Technical details

Return value: String value, representing the base value associated with the button.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Related pages

HTML reference manual:HTML <button> value attribute

HTML DOM Button object