Comment Changer le Texte HTML Avec JavaScript Variables

Comment Changer le Texte HTML Avec JavaScript Variables

JavaScript est un langage de script cote client qui utilise les variables qui se comportent de la meme maniere que les variables se comporter dans les autres langages de programmation. JavaScript variables n'ont pas besoin d'etre declarees avant leur utilisation, ni ont-ils besoin pour l'attribution d'un type ou de la memoire allouee. Vous pouvez utiliser des variables JavaScript pour contenir des valeurs afin de mettre a jour la plupart des objets de page Web de façon dynamique, comme le texte ou les graphiques. En outre, l'utilisation de JavaScript pour mettre a jour un element HTML "innerHTML" la propriete c'est une methode pour changer dynamiquement ensemble des champs de texte a la volee.

JavaScript est un langage de script cote client qui utilise les variables qui se comportent de la meme maniere que les variables se comporter dans les autres langages de programmation. JavaScript variables n'ont pas besoin d'etre declarees avant leur utilisation, ni ont-ils besoin pour l'attribution d'un type ou de la memoire allouee. Vous pouvez utiliser des variables JavaScript pour contenir des valeurs afin de mettre a jour la plupart des objets de page Web de façon dynamique, comme le texte ou les graphiques. En outre, l'utilisation de JavaScript pour mettre a jour un element HTML 'innerHTML' la propriete c'est une methode pour changer dynamiquement ensemble des champs de texte a la volee.
les Choses dont Vous aurez Besoin

• editeur de Texte

• navigateur avec JavaScript active

• Ouvrez un editeur de texte et creez un nouveau fichier nomme 'changeTextVars.html.' Type six balises HTML dans le fichier:
  
  
  
  
  Save 'changeTextVars.html.'
• Placer un JavaScript open balise de script & '' tag:
  
  
  
  
  
  
• Ajouter une fonction JavaScript entre le '' tags nomme 'changeText().' Le 'changeText()' fonction prend une variable nommee 'monsterName' comme argument:
  
  
  
  
  
  
• Modifier la 'changeText' de la fonction. Utiliser le 'document d'.getElementById la fonction' modifier 'innerHTML' de la propriete pour le champ nomme 'textToChange.' Le 'textToChange champ contient le texte mis a jour avec la variable 'monsterName':
  
  
  
  
  
  
• Ajouter un '

  ' entre balise HTML '' et '' balises. Entrez du texte qui affiche le message: 'Mon monstre prefere est:' & et fermer la '

  ' tag. Assurez-vous d'inclure un espace apres les deux points, et avant le '
  ' tag pour separer le message du texte dynamique:
  
  
  
  
  
  

  Mon monstre prefere est:

  
  
  
• Entree ouverte '' tag entre le '

  ' et '

  ' les balises apres le 'Mon favori monstor est:' message. Attribuer un 'id' pour le '' tag et regler sa valeur a 'textToChange.' Par exemple, tapez le texte 'Dracula' apres le '' et de fermer la balise '' tag:
  
  
  
  
  
  

  Mon monstre prefere est: Dracula

  
  
  
• Ajouter une balise HTML '' tag apres le '

  ' tag. Definir le type de saisie de 'bouton' et ajoute un 'onclick()' qui appelle la 'changeText' fonction et transmet la valeur 'Frankenstein.' Definir le champ de saisie 'valeur' de l'attribut 'Modifier le Texte'. Enregistrer et fermer 'changeTextVars.html.'
  
  
  
  
  
  

  Mon monstre prefere est: Dracula

  
  
  
  
d'Autres Personnes Sont la Lecture

• Comment Changer de Saisie de Texte Avec le Javascript
• Comment Utiliser JavaScript pour mettre a Jour un Titre de Page
• Ouvrir 'changeTextVars.html' dans un navigateur Web. Cliquez sur 'Modifier le Texte' bouton pour utiliser la 'monsterName' variable pour modifier le 'textToChange champ' de 'Dracula', de 'Frankenstein.'

Conseils & Avertissements

• JavaScript variables n'ont pas besoin d'etre declaree avant de les utiliser. Cependant, en utilisant le mot cle 'var' la premiere fois que vous utilisez une variable utilisee est une bonne pratique, car il documents ou la variable est d'abord utilise dans le code.
• JavaScript variables sont sensibles a la casse et doit commencer par une lettre ou un trait de soulignement.
• les Variables en JavaScript specifique sur le champ d'application des regles.

• Si une variable JavaScript a deja ete declare, vous pouvez les declarer a nouveau sans problemes avec JavaScript. Garder une trace des declarations de variables et les affectations pour eviter des resultats inattendus et dur-a-trouver le code de bugs.