Javascript更多功能onclick和ClassName

时间:2014-08-27 12:00:03

标签: javascript onclick getelementsbyclassname

我需要让这个功能起作用。它应该更改div fullhouse和其他两个div上的显示,并将类更改为从顶部到0的边距。 该功能仅适用于不显示任何内容。

提前谢谢

 function fullhouse()
 {
 document.getElementById("fullhouse").style.display = "none";
 document.getElementsByClassName("header-container").style.margin-top = "0px";
 document.getElementsByClassName("top-icon-menu").style.margin-top = "0px";
 }

3 个答案:

答案 0 :(得分:0)

使用 marginTop ,它不是margin-top;

以下是代码:

function fullhouse()
{
   document.getElementById("fullhouse").style.display = "none";
   document.getElementsByClassName("header-container").style.marginTop = "0px";
   document.getElementsByClassName("top-icon-menu").style.marginTop = "0px";
}

答案 1 :(得分:0)

在JavaScript中,任何包含短划线的CSS属性都会转换为驼峰大小写变量名称:

document.getElementsByClassName("header-container").style.marginTop = "0px";
document.getElementsByClassName("top-icon-menu").style.marginTop = "0px";

答案 2 :(得分:0)

错误的css属性,正确的是 marginTop

 document.getElementsByClassName("top-icon-menu").style.marginTop = "0px";