Obtener valor de elemento usando JavaScript

Las páginas web HTML constan de diferentes elementos HTML, que tienen diferentes atributos y valores.

En este tutorial, obtendremos el valor de un elemento usando JavaScript.

Para obtener el valor del elemento, usaremos la propiedad value. Se puede utilizar para establecer o devolver el valor del atributo value.

Vea el código a continuación.

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

En el ejemplo anterior, primero recuperamos el elemento requerido usando su ID con la función getElementsById(). Entonces la propiedad value devolverá su valor.

También podemos seleccionar el elemento usando el controlador de eventos onclick en HTML. Luego, el elemento se pasa a la función, que recupera su valor utilizando la propiedad requerida.

Por ejemplo,

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

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