Javascript切换功能:更改文本和更改类样式

时间:2011-12-28 22:45:05

标签: javascript

我有一个非常简单的功能应该:

  • 更改措辞(从展开到折叠)
  • 更改课程的样式(可见性)

它有效,但实际上不是

function toggle_expansion(id) {
var e = document.getElementById(id);
var es =getElementsByClass('expansion');
if (e.innerHTML ='expand all')  {        
   e.innerHTML ='collapse all';
   for(i=0; i<es.length; i++) 
   {es[i].style.display = 'none';}
  }  
else {       
   e.innerHTML ='expand all';
   for(i=0; i<es.length; i++) 
   {es[i].style.display = 'block';}
  }
}

和html:

<a href='#nogo' onclick="toggle_expansion('expand');"><div id='expand'>expand all</div></a>

文本更改在第一次单击时起作用,但只有一次,并且类样式更改不起作用(尽管它在其他片段中有效)。

没有抛出任何错误 - 它只是不起作用......任何人都有任何想法?

1 个答案:

答案 0 :(得分:3)

if (e.innerHTML ='expand all')  {

应该是

if (e.innerHTML == 'expand all')  {