18910140161

HTML-从带有JavaScript的按钮生成新按钮-堆栈溢出

顺晟科技

2022-10-19 11:36:26

151

我写了一篇关于这个问题的文章want-buttons-be-displain-only-when-click-on-other-button-with-js“只有在用js单击另一个按钮时才显示按钮并且我没有得到令人满意的答案。我再次提出我的问题。我必须找到一个正确的JS代码来解决这个问题。我有一套按钮(“背景”,“耳朵”,“头发”,“眼睛”,“嘴”,“腿”,“脖子”,“配件”)。我想通过点击它的每一个按钮,看到另一组按钮,从触发器按钮生成。这意味着由“背景”生成的按钮必须不同于任何其他按钮,如“耳朵”或“头发”。因此,应该显示的按钮只能来自“背景”,而不是来自任何其他背景。如果我点击另一个按钮,如“附件”,“背景”按钮应该消失,只有那些“附件”应该显示。之前,我尝试过If else{}语句。现在我想尝试一个switch{}语句。我是这样写的:所以请告诉我,为了解决这个问题,这段代码中缺少了什么?

function myFunction(id){
  var x = document.getElementById(id);
  switch (x) {
      case id="Backgrounds":
        document.getElementById(id).style.display = "block";
        break;
      case id="Ears":
        document.getElementById(id).style.display = "block";
        break;
      case id="Hair":
        document.getElementById(id).style.display = "block";
        break;
      case id="Eyes":
        document.getElementById(id).style.display = "block";
        break;
      case id="Mouth":
        document.getElementById(id).style.display = "block";
        break;
      case id="Legs":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Neck":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Acessories":
        document.getElementById(id).style.display = "block";
        }
        
     }  

下面是我编写代码之前的步骤:

function myFunction(id){
  var x = document.getElementById(id);
  switch (x) {
      case id="Backgrounds":
        document.getElementById(id).style.display = "block";
        break;
      case id="Ears":
        document.getElementById(id).style.display = "block";
        break;
      case id="Hair":
        document.getElementById(id).style.display = "block";
        break;
      case id="Eyes":
        document.getElementById(id).style.display = "block";
        break;
      case id="Mouth":
        document.getElementById(id).style.display = "block";
        break;
      case id="Legs":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Neck":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Acessories":
        document.getElementById(id).style.display = "block";
        }
        
     }  

目标是在只单击与。

关联的前一个按钮时显示“rightsubbuttons”

顺晟科技:

问题出在switch语句上

访问https://developer.mozilla.org/en-美国/docs/web/javascript/reference/statements/switch了解更多信息。

但是如果您更改了代码的 ex:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航