动态设置div的class的有关问题_Java Web开发

动态设置div的class的问题
html页面的内容：

HTML code

<ul id="tabnav">            <li id="XMLSearch" class="site_tab_normal" onclick="showXMLSearch()"><a href="#">文档搜索</a></li>            <li id="dwSearch" class="site_tab_active" onclick="showDWSearch()"><a href="#" >杜威搜索</a></li>        </ul>

js代码：

JScript code

         document.getElementById("XMLSearch").style.className="site_tab_active";    document.getElementById("dwSearch").style.className="site_tab_normal";    document.getElementById("div_XMLSearch").style.display="block";    document.getElementById("div_dwSearch").style.display="none";

后两句能执行，不知道前两句有没有执行，在页面里看不出效果来。
怎么回事？

------解决方案--------------------
document.getElementById("XMLSearch").className="site_tab_active";
document.getElementById("dwSearch").className="site_tab_normal";
改成上面的代码就可以了，楼主可以这样理解：你要设置的className是基于对象【XMLSearch】设定的，所以不加style，而要设置具体css的某个属性（如display）则需要加上style。