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

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";

    }

  }
}

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

★在asp中,点击按钮后弹出对话框,怎么做?★

vue拦截路由回退弹出弹框

js一个按钮点击后弹出数字1再点击弹出数字2,每次弹出都加1

JAVA GUI问题。如何触动按钮后弹出文件浏览器和文件名选择框,选择保存目录?

pc端点击弹出弹出框以及遮罩层的时候页面右侧出现空白区域,使得页面整体左移一下

pc端点击弹出弹出框以及遮罩层的时候页面右侧出现空白区域,使得页面整体左移一下