Comment utiliser une variable JavaScript en tant que valeur d'attributs XHTML?

Question

J'ai essayé:

<!--...--> 
<script type="text/javascript"> 
    var myVar = "some string"; 
</script> 
<!--...--> 
<input name="&{myVar};" ... /> 
<!--...--> 

Mais en utilisant FireFox, le nom est défini sur la chaîne littérale: "& {myVar};" au lieu de la valeur de myVar ...

UDPATE: Je vois ce Entities JavaScript et n'a pas été pris en charge depuis longtemps - mais il doit y avoir moyen si l'on peut inclure JavaScript directement dans les événements (je me rends compte les attributs ne sont pas des événements, donc JavaScript n'est probablement pas évalué) ..?! Il serait beaucoup plus agréable que hardcoding la valeur car elle utilisée elsewehere beaucoup ..

Answer 1

var myInput = document.createElement('input'); 
myInput.setAttribute('name', myVar); 

someContainElement.appendChild(myInput); 

Answer 2

Je crains que vous devez utiliser Javascript pour manipuler l'élément html. Vous pouvez utiliser jQuery pour vous faciliter la tâche:

<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> 
<input id="myInput" .../> 
<script> 
    var myVar = "value"; 
    $("#myInput").attr("name", myVar); 
</script> 

Answer 3

Les deux Phil et les moyens de Xenoflex, sont la meilleure façon de procéder. Ils font en réalité la même chose de différentes façons, l'un utilisant jQuery l'autre pur Javascript.

Alex travaillera également, mais tout est codé en dur et moins flexible aux changements futurs. La façon dont Alex a laissé sa réponse ouverte vous permet d'imprimer la chaîne ou de l'assigner à une variable à ajouter à un objet javascript.

Je pense que le match le plus proche de ce que vous cherchez est:

<script type="text/javascript"> 
    var myVar = "some string"; 
</script> 
... 
<script type="text/javascript"> 
    document.write('<input name="' + myVar + '" ... />') 
</script> 

Mais comme je le disais, vous devriez vraiment prendre l'une des deux premières approches.

Answer 4

Voici ce que vous devez faire.

Commencez par ne plus jamais lire les tutoriels javascript d'un site Java. Les différents monstres entièrement, plus les tutoriels sur le site que vous référence sont horribles.

En second lieu, obtenir une copie de Javascript, les bonnes parties http://www.amazon.com/dp/0596517742/ Ce livre est peut-être le livre le plus utile jamais écrit (à mon avis) au sujet de la langue lui-même. Il ne dit rien sur le traitement des API DOM. Je vous encourage à apprendre la langue elle-même avant d'aller trop loin dans les bibliothèques javascript comme jQuery. Ça va vous faire une bonne affaire plus tôt plutôt que plus tard. Une fois que vous êtes au moins un peu familiarisé avec les bonnes façons d'utiliser javascript en tant que langue, commencez à investir votre temps dans une bibliothèque ou une autre. jQuery est probablement la bibliothèque la plus utilisée, la plus aimée et la plus aimable qui soit. Cela rendra plus facile pour vous de gérer les conneries entre navigateurs.