站内搜索

如何变换颜色_html/css_WEB

这里有3个 
abc

点击一下文字变成红色，再点击变成黑色
还有一点就是点击第一个变红色 然后点第二个， 第三个还是红色 然后点击随便一个又变回黑色


回复讨论(解决方案)

看看这个是不是你要的结果： 

var div = document.getElementById('div');var span = div.getElementsByTagName('span');for(var i = 0; i < span.length; i++){    span[i].onclick = function(){        if(this.className.length){            this.className = '';        } else {            this.className = 'red';        }    }}

完整代码： 
        test        abc

看看这个是不是你要的结果： 

var div = document.getElementById('div');var span = div.getElementsByTagName('span');for(var i = 0; i < span.length; i++){    span[i].onclick = function(){        if(this.className.length){            this.className = '';        } else {            this.className = 'red';        }    }}

完整代码： 
        test        abc


是这个效果 感谢大神
  • 上一篇：图解CSS3 读书笔记
  • 下一篇：如何使用css实现文字一行居中，多行左对齐？_html/css_WEB