当输入字段具有特定值时，如何更改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>