Javascript来操纵css文件?

时间:2012-11-06 07:44:54

标签: javascript

我使用javascript来更改对象的显示,已经为同一个对象提供了一个css类:#id {display:none;}当我使用javascript改变display to display:block时,Display:block;出现在HTML中的对象本身上。 css属性似乎压倒了html的属性,因为它仍然没有显示。
        prev4.onclick = function(){     lrg.setAttribute(“src”,eventpic4);     lefta.setAttribute(“display”,“block”);         };

2 个答案:

答案 0 :(得分:3)

一个好的做法是避免直接在JavaScript中操作样式;你可以依赖类而让CSS处理样式:

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

答案 1 :(得分:1)

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