javascript - cssファイルを操作するJavascript?

Question

オブジェクトの表示を変更するために JavaScript を使用していますが、同じオブジェクトに対して既に css クラスがあります: #id{display:none;} JavaScript を使用して表示を display:block に変更すると、Display:block; HTML のオブジェクト自体に表示されます。css プロパティは、まだ表示されないため、html のプロパティをオーバーライドしているようです。
prev4.onclick = function(){ lrg.setAttribute("src", eventpic4); lefta.setAttribute("表示", "ブロック"); };

Answer 1

JavaScript でスタイルを直接操作しないようにすることをお勧めします。代わりにクラスに依存して、CSS にスタイリングを処理させることができます。

<style>
  #id { display: none; }
  #id.enabled { display: block; }
</style>
<script>
  document.getElementById("id").className = "enabled";
</script>

Answer 2

 document.getElementById('id').style.display = 'block'