Cómo Cambiar el Texto HTML Con JavaScript Variables

Como Cambiar el Texto HTML Con JavaScript Variables

JavaScript es un cliente del lado del lenguaje de secuencias de comandos que utiliza variables que se comportan de la misma manera que las variables se comportan en otros lenguajes de programacion. JavaScript variables no necesitan ser declaradas antes de su uso, ni tampoco se necesita tener asignado un tipo o de la memoria asignada. Se puede utilizar JavaScript variables para almacenar valores en orden a la actualizacion de la mayoria de los objetos de pagina Web de forma dinamica, como texto o graficos. Ademas, el uso de JavaScript para actualizar un elemento HTML "innerHTML" la propiedad es un metodo para cambiar dinamicamente toda campos de texto sobre la marcha.

JavaScript es un cliente del lado del lenguaje de secuencias de comandos que utiliza variables que se comportan de la misma manera que las variables se comportan en otros lenguajes de programacion. JavaScript variables no necesitan ser declaradas antes de su uso, ni tampoco se necesita tener asignado un tipo o de la memoria asignada. Se puede utilizar JavaScript variables para almacenar valores en orden a la actualizacion de la mayoria de los objetos de pagina Web de forma dinamica, como texto o graficos. Ademas, el uso de JavaScript para actualizar un elemento HTML 'innerHTML' la propiedad es un metodo para cambiar dinamicamente toda campos de texto sobre la marcha.
Cosas Que necesitara

• editor de Texto

• explorador Web con JavaScript

• Abra un editor de texto y crear un nuevo archivo llamado 'changeTextVars.html.' Tipo seis etiquetas HTML en el archivo:
  
  
  
  
  Guardar 'changeTextVars.html.'
• Lugar de JavaScript abrir etiqueta de secuencia de comandos & '' etiqueta:
  
  
  
  
  
  
• Agregar una funcion de JavaScript entre el '' etiquetas de nombre 'changeText().' El 'changeText()' funcion toma una variable llamada 'monsterName' como un argumento:
  
  
  
  
  
  
• Editar el 'changeText' de la funcion. Utilizar el 'documento.getElementById' funcion para cambiar el 'innerHTML' de la propiedad para el campo denominado 'textToChange.' El 'textToChange' campo contiene el texto actualizado con la variable 'monsterName':
  
  
  
  
  
  
• Añadir un '

  ' etiqueta entre los HTML '' y '' las etiquetas. Escriba algun texto que muestra el mensaje & tales como 'Mi monstruo favorito es:' & y cierre '

  ' etiqueta. Asegurese de incluir un espacio despues de los dos puntos y antes de '
  ' etiqueta para separar el mensaje de la dinamica de texto:
  
  
  
  
  
  

  Mi monstruo favorito es:

  
  
  
• Introduzca abierto '' etiqueta entre el '

  ' y '

  ' etiquetas despues de 'Mi favorito monstor es:' el mensaje. Asignar un 'id' a la '' etiqueta y establezca su valor a 'textToChange.' Por ejemplo, escriba el texto de 'Dracula' despues de la '' y la etiqueta de cierre '' etiqueta:
  
  
  
  
  
  

  Mi monstruo favorito es: Dracula

  
  
  
• Añadir un HTML '' etiqueta despues de la '

  ' etiqueta. Establecer el tipo de entrada a 'boton' agregar 'onclick ()', evento que llama a la 'changeText' funcion y pasa el valor de 'Frankenstein.' Establece el campo de entrada 'valor' atributo 'Cambio de Texto.' Guardar y cerrar 'changeTextVars.html.'
  
  
  
  
  
  

  Mi monstruo favorito es: Dracula

  
  
  
  
Otras Personas Estan Leyendo

• Como Cambiar la Entrada de Texto Con Javascript
• Como Utilizar JavaScript para Actualizar un Titulo de la Pagina
• Abrir 'changeTextVars.html' en un navegador Web. Haga clic en 'Cambiar el Texto de' boton para utilizar el 'monsterName' variable para cambiar el 'textToChange' campo de 'Dracula' a 'Frankenstein.'

Consejos & Advertencias

• JavaScript variables no necesitan ser declaradas antes de utilizarlos. Sin embargo, el uso de la 'var' palabra clave de la primera vez que uso una variable que se utiliza es una buena practica, ya que los documentos donde la variable que se utilizo por primera vez en el codigo.
• JavaScript variables son sensibles a las mayusculas y debe empezar con una letra o un caracter de subrayado.
• Variables en JavaScript especifica en el ambito de aplicacion de las reglas.

• Si una variable de JavaScript ya se ha declarado, usted puede declarar de nuevo sin problemas con JavaScript. Mantener un seguimiento de las declaraciones de variables y asignaciones para evitar resultados inesperados y dificiles de encontrar errores de codigo.