当输入字段具有特定值时，如何更改div的类？

Question

我想在输入字段获得特定值时更改div的背景。 例如：

<div class="vote-container">
<input class="positive" title="" name="pvote_1" 
onclick="" value="+"  type="submit">
</div>

因此，当输入字段获得“ +”值时，我需要将类“ green”添加到div“ vote-container”中，如下所示：

<div class="vote-container green">
<input class="positive" title="" name="pvote_1" 
onclick="" value="+"  type="submit">
</div>

Answer 1

这样就可以了。

    <div class="vote-container">
    <input class="positive" title="" name="pvote_1" 
    onclick="" value="+"  type="submit">
    </div>

    <script>
    var input = document.querySelector(".positive");
    if(input.value == "+"){
        document.querySelector(".vote-container").classList.add("green");
    }
    </script>