由于某种原因不能点击按钮两次

Question

这是我的第一个问题，非常感谢你们的帮助。每次单击按钮两次时都会出现此错误。 Uncaught TypeError: (document.getElementById(...).style.display == "block") is not a function

这是我的JS代码--

document.getElementById("HTML").addEventListener("click", function(){
    
        if (document.getElementById("CSScontent").style.display == 'block') 
        (document.getElementById("Imgcontent").style.display == 'block') 
        (document.getElementById("SVGcontent").style.display == 'block'); {
            document.getElementById("CSScontent").style.display = 'none';
            document.getElementById("Imgcontent").style.display = 'none';
            document.getElementById("SVGcontent").style.display = 'none';
        
        document.getElementById("HTMLcontent").style.display = 'block';
        }
    }
);

document.getElementById("CSS").addEventListener("click", function(){

        if (document.getElementById("HTMLcontent").style.display == 'block') 
        (document.getElementById("Imgcontent").style.display == 'block') 
        (document.getElementById("SVGcontent").style.display == 'block'); {
            document.getElementById("HTMLcontent").style.display = 'none';
            document.getElementById("Imgcontent").style.display = 'none';
            document.getElementById("SVGcontent").style.display = 'none';
        
        document.getElementById("CSScontent").style.display = 'block';
        }
    }
);

document.getElementById("IMG").addEventListener("click", function(){
    
        if (document.getElementById("HTMLcontent").style.display == 'block') 
        (document.getElementById("CSScontent").style.display == 'block') 
        (document.getElementById("SVGcontent").style.display == 'block'); {
            document.getElementById("HTMLcontent").style.display = 'none';
            document.getElementById("CSScontent").style.display = 'none';
            document.getElementById("SVGcontent").style.display = 'none';
        
        document.getElementById("Imgcontent").style.display = 'block';
        }
    }
);

document.getElementById("SVG").addEventListener("click", function(){
    
    if (document.getElementById("HTMLcontent").style.display == 'block') 
    (document.getElementById("CSScontent").style.display == 'block') 
    (document.getElementById("Imgcontent").style.display == 'block'); {
        document.getElementById("HTMLcontent").style.display = 'none';
        document.getElementById("CSScontent").style.display = 'none';
        document.getElementById("Imgcontent").style.display = 'none';
    
    document.getElementById("SVGcontent").style.display = 'block';
    }
}
);

end 每次我点击一个按钮两次都会给我错误。我已经尽我所能解决这个问题，但仍然没有进展。谢谢！

Answer 1

这是因为您在 if 子句的第一个括号之后使用了另一个括号，即 (...)，即 if(...)(...)(...) 它试图将运行第一个括号子句 (...) 作为函数，这不是函数而是 statement

您应该在 (...) || (...) || (...)

等条件之间使用 && || 等二元逻辑运算符

此外，删除第一个 if 大括号（大括号 {...}）

前的分号 ;

所以，你可以试试

// Example code for `HTML` will be the same for all others i.e. CSS, IMG, SVG

document.getElementById("HTML").addEventListener("click", function(){

  if (
    document.getElementById("CSScontent").style.display == 'block' ||
    document.getElementById("Imgcontent").style.display == 'block' ||
    document.getElementById("SVGcontent").style.display == 'block'
  ) {

      document.getElementById("CSScontent").style.display = 'none';
      document.getElementById("Imgcontent").style.display = 'none';
      document.getElementById("SVGcontent").style.display = 'none';
        
      document.getElementById("HTMLcontent").style.display = 'block';
  }

});

由于某种原因不能点击按钮两次

For some reason cannot click a button twice

html

javascript

frontend