Asignar valor a un objeto html con Javascript utilizando document.getElementById

Bienvenidos a un nuevo tutorial de javascript, en este caso de forma muy rápida, vamos a explicar como dando un valor a una caja de texto (inputbox) de html, para ello utilizaremos document.getElementById(), pero primero pongamos el objeto en cuestión:

<form name=”frmTabla” id=”frmTabla”>
<input name=”txtTabla” type=”text” id=”txtTabla” value=””>
</form>

Una vez que tenemos declarado el objeto, veamos como asignar el valor:

document.getElementById(“txtTabla”).value = “Tutorial Javascript”;

Esto añadiría el string “Tutorial Javascript” a la caja de texto designada con el id “txtTabla”

Así de sencillo!

Un saludo!

Te puede interesar:

8 comentarios

  • Fredd commented on 27 junio, 2014 Reply

    Siempre y cuando este dentro de un

    window.onload = function(){
    document.getElementById(‘widget-generalcode’).innerHTML = ‘test’;
    };

    sino tira error

  • videotutoriales commented on 27 junio, 2014 Reply

    Como bien dices Fredd, hay que añadirlo dentro de alguna función, en tu caso en el evento load del documento.

    Gracias por el aporte 😉

  • Jose Lema commented on 19 octubre, 2016 Reply

    amigo disculpa, en mi caso no tengo el id del input, solo tengo el name, como podria hacer en ese caso

    • Carlos Dk commented on 24 octubre, 2016 Reply

      Cambia la función getElementById por getelementsbyname y asignale el nombre. El resultado ha de ser exactamente igual.

      Un saludo!

  • David Espinoza commented on 10 enero, 2017 Reply

    Me gustaría saber como asignar valores en un for

    • Carlos Dk commented on 11 enero, 2017 Reply

      Necesito que me expliques un poco más, un for es una iteración sabiendo la totalidad de elementos, pero ¿asignar los valores a qué?

      Espero tu respuesta 😉

  • Moises Gaytan commented on 13 enero, 2017 Reply

    Me pueden ayudar con el mismo ejemplo pero viceversa, asignar el texto de un input a una variable JavaScript. Lo intento hacer para imprimir lo que capture en un alert pero me sale INDEFINIDE. Ayuda Por favor!!

    • Carlos Dk commented on 13 enero, 2017 Reply

      Bueno, por lógica debería de hacerse alert(document.getElementById(“txtTabla”).value);

      Aunque por facílidad, te recomiendo utilizar JQuery, es mucho más sencillo y rápido de entender 😉

      Un saludo!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *