Elementwert mit JavaScript abrufen

HTML-Webseiten bestehen aus verschiedenen HTML-Elementen, die unterschiedliche Attribute und Werte haben.

In diesem Tutorial erhalten wir den Wert eines Elements mit JavaScript.

Um den Wert des Elements zu erhalten, verwenden wir die Eigenschaft value. Es kann verwendet werden, um den Wert des value-Attributs zu setzen oder zurückzugeben.

Siehe den Code unten.

const variable = document.getElementsById(id).value;

Im obigen Beispiel rufen wir zunächst mit der Funktion getElementsById() das gewünschte Element anhand seiner ID ab. Dann gibt die Eigenschaft value ihren Wert zurück.

Wir können das Element auch mit dem Event-Handler onclick in HTML auswählen. Anschließend wird das Element an die Funktion übergeben, die seinen Wert mithilfe der erforderlichen Eigenschaft abruft.

Zum Beispiel,

// html
<input id = 'theId' value = 'test1' onclick = 'getValue(this)' />

    // javascript
    function getValue(e) {
      const variable = e.value;
    }