CSS覆盖JavaScript

CSS覆盖JavaScript,javascript,html,css,Javascript,Html,Css,我试图在加载页面时隐藏contactform,因此contactform将在CSS中隐藏,我做到了: #contactform{ display: none; } 现在在HTML中,我有: 单击消息me调用函数“someFunc”,函数隐藏contactinfo,但显示contactform,函数为: function someFunc() { document.getElementById('contactinfo').style.display='none'; document.getE

我试图在加载页面时隐藏contactform,因此contactform将在CSS中隐藏,我做到了:

#contactform{
display: none;
}
现在在HTML中,我有:

单击消息me调用函数“someFunc”,函数隐藏contactinfo,但显示contactform,函数为:

function someFunc() {
document.getElementById('contactinfo').style.display='none';
document.getElementsByID('contactform').style.display='block';
}

它完全按照预期隐藏了contactinfo,但是没有显示contactform。我相信这可能是因为CSS正在重写函数,有没有办法阻止它这样做并让它按预期工作?

函数名不好,正确的说法是小的“d”和“Element”而不是“Elements”


函数名不正确,正确地说是小“d”和“Element”,而不是“Elements”


在您的代码
文档中。getElementsByID
未被提及
文档。getElementById
使用以下代码:

function someFunc() {
document.getElementById('contactinfo').style.display='none';
document.getElementById('contactform').style.display='block';
}

在您的代码
文档中。getElementsByID
未被提及
文档。getElementById
使用以下代码:

function someFunc() {
document.getElementById('contactinfo').style.display='none';
document.getElementById('contactform').style.display='block';
}

谢谢,它在工作:)谢谢,它在工作:)哦,我真傻!谢谢你:)哦,我真傻!谢谢你:)