Je veux ajouter une couleur et une bordure à une variable JavaScript à l'aide de CSS. Vous trouverez ci-dessous mon code;
var msg = "OK"; //i want this to colored and bordered with green. msg = "Conflict"; // i want this to be colored and bordered with red.
3 Réponses :
Vous ne pouvez pas ajouter CSS à une variable JavaScript.
Si vous créez un élément à l'aide de JavaScript P>
HTML: P>
.parent-div .child-one {
color: red;
border: 1px solid green;
}
.parent-div .child-two {
color: green;
border: 1px solid red;
}
J'étais sur le point de dire "c'est un commentaire, pas une réponse", mais c'est une réponse correcte. Cependant, vous devriez également guider OP sur la manière de réaliser ce qu'ils veulent
mais monsieur, je n'ai pas tant de réputation à commenter
Je sais que c'est pourquoi vous devez d'abord obtenir une certaine réputation en publiant des réponses correctes. Si vous améliorez votre réponse, je vous donnerai volontiers un uppote
Si vous essayez simplement d'ajouter des styles à une variable JavaScript i Je vais donc supposer que vous souhaitez ajouter des styles à un élément HTML que vous avez extrait en tant que variable JavaScript forte> comme p> dans ce cas, Vous pouvez ajouter des styles à l'élément comme SO P> msgElement.style.color = "red"
msgElement.style.border = "2px solid red"
Ça ne fait rien
Qu'est-ce que vous essayez exactement d'atteindre?
Vous n'avez vraiment besoin que de montrer l'extrait comme celui de ma réponse, ajoutez le code supplémentaire à la question.
Comme les autres réponses, vous ne pouvez pas appliquer une règle CSS à une variable. Vous pouvez cependant faire quelque chose comme ceci: c'est-à-dire, définissez "MSG" comme élément HTML au lieu d'une chaîne de texte.
Cela ne semble pas être une bonne pratique pour moi. En utilisant .innerhtml pour ajouter un div sur un élément p n'est pas une bonne idée comme p éléments ne devrait pas avoir vraiment des enfants autres que des éléments inline tels que span
Alors changez le
en quelque chose d'autre! Le point de ma réponse est qu'il peut styler son message en codant une classe (ou peu importe - il existe de nombreuses façons d'invoquer une règle CSS) dans le cadre du texte. Il n'a pas besoin d'écrire du code pour styler l'objet qu'il remplace.
Mon point est que vous ne devriez pas utiliser innerhtml comme ça. Mais vous avez raison, dans le but de cette question, cela n'a pas d'importance.
Hmmm, ce n'est pas comment fonctionne JavaScript :)
Vous ne pouvez pas appliquer CSS à JS, mais vous pouvez utiliser JS pour styles de style HTML.
@julekgwa, comment?
Cela dépend de la manière dont cette variable est utilisée, la manière dont il est fait exactement pour afficher sa valeur et où. Tant que ce n'est qu'un objet interne abstrait, il n'a même pas de sens d'en parler d'avoir une "couleur".
Si vous écrivez
var msg = "ok" cela signifie que la variablemsg , dans la mémoire de votre ordinateur quelque part, contient la valeur"ok" . Rien d'autre. Il n'a pas de concept de couleur ou de taille, ni psychologie ni quoi que ce soit. C'est juste une valeur. mais Vous pouvez écrire cette valeur à votre document HTML, comme dans un ou quelque chose, puis utilisez CSS sur style qui divisez et donnez-lui une couleur et une taille . C'est le jour 1, heure 1 de développement Web, je vous suggère de prendre un didacticiel très basique :)
@Thestudent voir Stackoverflow.com/Questtions/13809178 / ...