可恶的IE6、7、8【吐槽下

今天做了一个点击切换选项卡 

（大概效果是， 点击精选 会切换到另一个div 下面的文字 啊 图片都会改变 

一开始做起来还挺简单的 （用let声明 几行代码就搞定 发现。。。  不兼容IE  - - 

【let 虽然不知道是干嘛 不过好用  （貌似是和异步有关

之后用var 做

var oH3s = document.getElementsByTagName("h3")
var oDiv = document.getElementsByClassName("Jin")
console.log(oDiv);
for(var a=0 ; a < oH3s.length; a++){
    //鼠标碰到颜色 变绿
    oH3s[a].onmouseenter = function(){
        this.style.color = "#5cb85c"
    };
    //移开 颜色 消失
    oH3s[a].onmouseleave = function(){
            this.style.color = ""
    };
    oH3s[a].onclick = function () {
//这层for 是为了获取索引值 
//使用不了外层的for的a 浅显的理解下：外面的for执行完毕，事件函数还没有被调用
//当事件函数被调用 里面 要是使用外层的for的a 那么会是 a 的最大值，报错
for(var p=0; p < oH3s.length; p++){
//if 判断 是不是和点击同个标签 是的话 改变他的class名
//不是的 把样式清除 选项卡隐藏
if(oH3s[p] == this) {
                oH3s[p].className = "h3"
                oDiv[p].style.display = "block"
            } else {
                oH3s[p].className = ""
                oDiv[p].style.display = "none"
            }
        }
    }
}