原生实现点击某个按钮后弹出弹出框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生实现点击某个按钮后弹出弹出框相关的知识,希望对你有一定的参考价值。

window.onload=function(){

  var a = document.getElementById("tdful");
  var b = a.getElementsByTagName("li");// 获取第一列所有单元
  var d = document.getElementById("secondtd");//获取所有模板
  var c = d.getElementsByTagName("div");

  for(var i=0;i<b.length;i++){
    var flag=true;
    b[i].index=i;console.log("i:"+i+" b[i].index:"+b[i]);
    b[i].onclick=function(){

      for(var i=0;i<b.length;i++){
        b[i].className="";
        d.style.display="none";
        c[i].style.display="none";
      }
    this.className="active";
    d.style.display="table-cell";
    c[this.index].style.display="block";

    }

  }
}

以上是关于原生实现点击某个按钮后弹出弹出框的主要内容,如果未能解决你的问题,请参考以下文章