javascript - CSS覆盖JavaScript

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        5年前关闭。
                                                                                            
                
        
我试图在页面加载时使contactform最初隐藏，因此要在CSS中将contactform最初隐藏，我这样做了：

#contactform{
display: none;
}

现在在HTML中，我有：

<div class="contactme" ><a href="#contactnav" onclick="someFunc()">Message me!</a></div>

然后单击消息我会调用函数“ someFunc”，该函数隐藏contactinfo但显示contactform，该函数为：

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

它完全按预期隐藏了contactinfo，但是没有显示contactform。我认为这可能是因为CSS覆盖了该功能，是否有任何方法可以阻止它这样做并使其按预期运行？

最佳答案

函数名称错误，正确的是小“ d”和“ Element”而不是“ Elements”

document.getElementById('contactform').style.display='block';
                  ^   ^