Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮后更改选项卡_Javascript_Html - Fatal编程技术网

Javascript 单击按钮后更改选项卡

Javascript 单击按钮后更改选项卡,javascript,html,Javascript,Html,目前,我正在使用以下链接中的指南来确定如何构建选项卡() 这给了我“点击”的感觉,因为evt是未定义的。如果您能帮助我们定义参数evt,以便在按下按钮时更改选项卡,我们将不胜感激(最好使用javascript解决方案) 正如w3schools网站上所说,按下按钮后,您只需运行此代码即可 function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsB

目前,我正在使用以下链接中的指南来确定如何构建选项卡()


这给了我“点击”的感觉,因为evt是未定义的。如果您能帮助我们定义参数evt,以便在按下按钮时更改选项卡,我们将不胜感激(最好使用javascript解决方案)

正如w3schools网站上所说,按下按钮后,您只需运行此代码即可

function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
}
函数openCity(evt,cityName){
var i,tabcontent,tablinks;
tabcontent=document.getElementsByClassName(“tabcontent”);
对于(i=0;i
以下是HTML和JS:


希望这有帮助

正如w3schools网站上所说,按下按钮后,您只需运行此代码即可

function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
}
函数openCity(evt,cityName){
var i,tabcontent,tablinks;
tabcontent=document.getElementsByClassName(“tabcontent”);
对于(i=0;i
以下是HTML和JS:


希望这有帮助

您需要传递实际的单击事件,如下所示:

document.getElementById("btn_click").addEventListener("click", function(e){
    openTab(e, "tab2");
})

同样作为一般规则:尽量避免学校成为瘟疫。质量总体上很低。更好的选择是只搜索stackoverflow以找到特定问题的解决方案,并用于参考所有与DOM相关的内容

您需要传递实际的单击事件,如下所示:

document.getElementById("btn_click").addEventListener("click", function(e){
    openTab(e, "tab2");
})
同样作为一般规则:尽量避免学校成为瘟疫。质量总体上很低。更好的选择是只搜索stackoverflow以找到特定问题的解决方案,并用于参考所有与DOM相关的内容