javascript - スタイルの検証

Question

次の css を javascript に変換できるかどうかを知りたいです。したがって、基本的には onchange の後にスタイル ルールを実装する必要があります。

.appnitro input:required:valid, .appnitro textarea:required:valid {/* when a field is considered valid by the browser */
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
}


.appnitro input:focus:invalid, .appnitro textarea:focus:invalid { /* when a field is considere invalid by the browser */
box-shadow: 0 0 5px #5d45252;
border-color: #b03535;
}


<script>
function myFunction(){
??????
}
</script>


<form id="form_664184" class="appnitro"  method="post" action="">
    <input type="text" id="element_3"  name="element_2_1" value="Title" onchange="myFunction()" required />
</form>

Answer 1

はい、そうです。それがどうあるべきかは次のとおりです。

yourElement.style.borderColor =  "#5cd053";
yourElement.style.boxShadow = "#5cd053";

ID、クラス名などで要素を取得します。