Maison > interface Web > js tutoriel > Comment concaténer une chaîne avec une variable en JavaScript pour créer une nouvelle chaîne ?

Comment concaténer une chaîne avec une variable en JavaScript pour créer une nouvelle chaîne ?

Susan Sarandon
Libérer: 2024-11-09 11:57:02
original
1005 Les gens l'ont consulté

How do I concatenate a string with a variable in JavaScript to create a new string?

Concaténation de chaînes avec des variables en JavaScript

En JavaScript, la concaténation d'une chaîne avec une variable nécessite une syntaxe spécifique. Ce tutoriel répond à la question courante de savoir comment combiner une chaîne et une variable numérique pour créer une nouvelle chaîne.

Question originale :

L'utilisateur souhaite créer une chaîne en combinant une chaîne, "horseThumb" et une variable numérique transmise, "id", mais se heurte à des difficultés.

Réponse et Dépannage :

Le code fourni dans la question est correct. Cependant, d'autres problèmes pourraient survenir affectant le résultat souhaité.

  1. Transmission d'un identifiant à la fonction : Assurez-vous de transmettre une valeur d'ID comme argument à l'appel de fonction.
  2. Existence d'élément : Vérifiez qu'un élément avec l'ID spécifié dans la variable existe dans le document. DOM.
  3. Chargement du navigateur : Si vous essayez d'accéder à l'élément avant que la page ne soit complètement chargée, vous pouvez rencontrer des problèmes. Placez l'appel de fonction dans un gestionnaire d'événements onload pour résoudre ce problème.

Utilisation des littéraux de modèle :

Depuis ECMAScript 2015, les littéraux de modèle (chaînes de modèle) offrent un méthode alternative pour la concaténation :

document.getElementById(`horseThumb_${id}`).className = "hand positionLeft";
Copier après la connexion

Débogage Assistance :

Pour identifier la source du problème, ajoutez ces lignes au début de la fonction :

alert('ID number: ' + id);
alert('Return value of gEBI: ' + document.getElementById('horseThumb_' + id));
Copier après la connexion

Ces fenêtres pop-up fourniront des informations concernant l'ID transmis et l'existence de l'élément.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal