Cómo cambiar el texto de los botones en Javascript

by admin

Javascript es un lenguaje de programación que se utiliza más a menudo en combinación con HTML para modificar el comportamiento de los elementos de la página web. JavaScript puede cambiar el número de función de objetos, incluyendo fondos, tablas, listas, texto y botones. Un botón se utiliza normalmente en el extremo de un formulario para presentar información introducida. Si desea cambiar el texto que aparece en un botón, puede hacerlo asignando el botón "ID" único y el uso de la función "getElemenById" como parte de una etiqueta de enlace.

Instrucciones

1 Abra cualquier documento de página Web en un editor de texto o una aplicación de edición de HTML (ver Recursos).

2 Haga clic para colocar el cursor en el punto en la página web en la que desea crear el botón. Las siguientes líneas de código deben ser colocados entre <body> y </ body> en el documento de página Web.

3 Tipo "<input type =" button "value =" Muestra Texto del botón "id =" botón 1 "> </ input>" para crear el botón. Este botón muestra con el texto por defecto "botón de muestra de texto" y tiene un identificador único de "botón 1". Pulse la tecla "ENTER" para crear una nueva línea.

4 Tipo "<a href="javascript:document.getElementById('button1').value='New botón Cambiar Text';void(0);"> </a> botón de texto" para crear un enlace que, al ser pulsado, va a cambiar el texto del botón con el ID de "botón 1". El vínculo creado mostrará el texto del enlace "cambiar el texto del botón" y va a cambiar el texto del botón de "Nuevo texto del botón," los cuales pueden ser alterados por el usuario sin perjudicar la funcionalidad del código. Si el botón de ID único ( "botón 1") se cambia en este paso, sino que también debe ser modificado en el paso anterior.

5 Haga clic en el menú "Archivo", luego haga clic en "Guardar" para guardar el documento de página Web.

6 Haga doble clic en el archivo de página Web para ejecutarlo en su navegador. Haga clic en el enlace "Cambiar texto de botón" para cambiar el texto en el botón.

ETIQUETA: