Javascript更多函数onclick和ClassName

Javascript more function onclick and ClassName

本文关键字:ClassName onclick 函数 Javascript      更新时间:2023-09-26

我需要让这个函数工作。它应该将div fullhouse和其他两个div上的显示更改为从顶部到0的margin。该函数仅在不显示的情况下工作。

提前感谢

 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";
 }

使用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";
}

在JavaScript中,任何包含破折号的CSS属性都会变成一个驼色大小写变量名:

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

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

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