CSS クラスを JavaScript 変数に適用する方法を知っている人はいますか?
私は2つの変数を持っています:
var usr = 'You: ' + userinput;
var rpl = 'Chatbot: ' + chatbot.transform(userinput);
usr 変数は人間がシステムに入力するためのもので、rpl 変数はデータベースからの応答をトリガーします。
各変数に異なる CSS クラスを適用する必要があります。
誰でも助けることができますか?
CSS クラスを JavaScript 変数に適用する方法を知っている人はいますか?
私は2つの変数を持っています:
var usr = 'You: ' + userinput;
var rpl = 'Chatbot: ' + chatbot.transform(userinput);
usr 変数は人間がシステムに入力するためのもので、rpl 変数はデータベースからの応答をトリガーします。
各変数に異なる CSS クラスを適用する必要があります。
誰でも助けることができますか?
CSS は、マークアップ要素 (HTML など) のスタイル設定に使用されます。CSS を JavaScript 変数に直接適用することはできません。
ただし、変数の内容を HTML に変換する場合は、データを HTML タグでラップし、CSS スタイルを適用できます。
これらの変数がページにどのように挿入されるかによって異なりますが、それらを span タグでラップして、最終的にどこに到達するかを確認することをお勧めします。
var usr = "<span class='user-input'>You: " + userinput + "</span>";
var rpl = "<span class='chatbot'>Chatbot: " + chatbot.transform(userinput) + "</span>";
CSS で .user-input ans .chatbot を使用します。
あなたができるもう1つのことは、ソースコードを通じてページにデータが挿入されているhtmlタグを探し出すことです. javascript (jquery) を使用して、対象の html タグにクラスを追加することができます。