Javascript 内部java脚本覆盖此html代码上的css属性

内部Java脚本覆盖了这个HTML代码上的CSS属性。最初，我使用CSS将ID

bad

的值设置为none。但是，它不适用于下面的代码示例。如果查看ID

bad

，则Java脚本工作不正常，最初它的值为none，但在单击图像之前显示了数据

我怎样才能修好它

函数myFunction（）{
document.getElementById（“坏”）.style.display=“块”；
}

#很好{
宽度：100%；
身高：100%；
}
#坏的{
位置：绝对位置；
宽度：15%；
身高：100%；
背景色：#023b3b；
最高：0%；
显示：无；
}
#瓦希德{
浮动：左；
宽度：7%；
身高：100%；
背景色：#023b3b；
}
#伊斯纳尼{
浮动：左；
宽度：93%；
身高：100%；
背景色：深蓝色；
}
#一个{
显示：块；
背景色：#023b3b；
/*宽度：60px；
高度：867px*/
}
#繁荣{
利润率最高：30%；
身高：5%；
宽度：35%；
浮动：左；
左侧填充：20px；
}
·本地img{
身高：2.5%；
宽度：30%；
保证金：10px 0px 10px 20px；
}
/*伊斯纳尼从这里开始*/
#第三{浮动：左；
宽度：100%；
身高：15%；
边框颜色：白色；
边框样式：实心；
背景色：白色；
}
.第四{
左缘：2%；
利润率最高：5%；
字体系列：无衬线；
}
.第五{
颜色：#808080；
字号：80%；
字号：800；
字体系列：arial，无衬线；
左缘：1%；
}
#第六{
字体系列：无衬线；
字体大小：150%；
颜色：#666666；
利润率最高：4%；
左缘：2%；
/*前-2%/
/*线高：3%*/
}
#第七{
位置：绝对位置；
最高：11%；
颜色：#808080；
字体系列：无衬线；
字号：80%；
左缘：1.8%；
利润率最高：1.5%；
/*线高：3%*/
}
#堡垒{
浮动：对；
利润上限：-65px；
右边距：80px；
}
#钮扣{
左缘：80%；
宽度：20%；
连字符：20%；
}

仪表板
+新的

欢迎来到Flatkit

带有Angular js的Bootstrap 4 Web应用程序工具包

加载页面时会显示您的问题：

VM748:162 Uncaught SyntaxError: Unexpected token {

在控制台中，当您尝试单击按钮时：

VM851:178 Uncaught ReferenceError: myFunction is not defined

问题是您的函数缺少括号。将其更改为：

  function myFunction() {
    document.getElementById("bad").style.display = "block";
  }

示例。

函数myFunction（）{
document.getElementById（“坏”）.style.display=“块”；
}

#很好{
宽度：100%；
身高：100%；
}
#坏的{
位置：绝对位置；
宽度：15%；
身高：100%；
背景色：#023b3b；
最高：0%；
显示：无；
}
#瓦希德{
浮动：左；
宽度：7%；
身高：100%；
背景色：#023b3b；
}
#伊斯纳尼{
浮动：左；
宽度：93%；
身高：100%；
背景色：深蓝色；
}
#一个{
显示：块；
背景色：#023b3b；
/*宽度：60px；
高度：867px*/
}
#繁荣{
利润率最高：30%；
身高：5%；
宽度：35%；
浮动：左；
左侧填充：20px；
}
·本地img{
身高：2.5%；
宽度：30%；
保证金：10px 0px 10px 20px；
}
/*伊斯纳尼从这里开始*/
#第三{浮动：左；
宽度：100%；
身高：15%；
边框颜色：白色；
边框样式：实心；
背景色：白色；
}
.第四{
左缘：2%；
利润率最高：5%；
字体系列：无衬线；
}
.第五{
颜色：#808080；
字号：80%；
字号：800；
字体系列：arial，无衬线；
左缘：1%；
}
#第六{
字体系列：无衬线；
字体大小：150%；
颜色：#666666；
利润率最高：4%；
左缘：2%；
/*前-2%/
/*线高：3%*/
}
#第七{
位置：绝对位置；
最高：11%；
颜色：#808080；
字体系列：无衬线
It seems to be a syntax error. Look at the way you have deifned the function.

 function myFunction{                        
                                    document.getElementById("bad").style.display="block";
                              }

it should be 

 function myFunction**()**{                        
                                    document.getElementById("bad").style.display="block";
                              }