javascript - 引用されたクラス名に切り替える方法

Question

JavaScript でクラスを切り替えようとしています。これから

class=product neutral //background color is grey

これに

class=product correct //background color is green

if (trueProduct == 12){
        document.getElementById("userAnswer").innerHTML = "class='product correct'";    
        }

HTML

<span id="userAnswer" class="product neutral"></span>

Answer 1

これを試して、

これを使用できるすべてのクラス名を変更したい場合は、

document.getElementById("userAnswer").className = "product correct";

別のクラスを追加したいだけの場合は、これを使用できます。

document.getElementById("userAnswer").className += " correct";

ここで.classNameについて読んでください

Answer 2

（あなたの場合はとinnerHTMLの間の空の文字列）を変更したくありませんが、プロパティは次のとおりです。…&gt;</span>className

document.getElementById("userAnswer").className = "product correct";

または、次を使用することもできますsetAttribute。

document.getElementById("userAnswer").setAttribute("class", "product correct");

Answer 3

element.innerHTML要素の実際のコンテンツです。探しているのは次のとおりです。

if (trueProduct == 12) {
    document.getElementById("userAnswer").className = "product correct";    
}