动态设置div的class的有关问题
日期：2014-05-17 浏览次数：20759 次
动态设置div的class的问题
html页面的内容：
js代码：
后两句能执行，不知道前两句有没有执行，在页面里看不出效果来。
怎么回事？
------解决方案--------------------
document.getElementById("XMLSearch").className="site_tab_active";
document.getElementById("dwSearch").className="site_tab_normal";
改成上面的代码就可以了，楼主可以这样理解：你要设置的className是基于对象【XMLSearch】设定的，所以不加style，而要设置具体css的某个属性（如display）则需要加上style。
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。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
