CSS переопределение JavaScript

Question

Я пытаюсь сделать ContactForm изначально скрыты, когда страница загружена, поэтому ContactForm должен быть скрыт изначально сделать это в CSS я сделал:

#contactform{ 
display: none; 
} 

сейчас в HTML у меня есть:

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

и onclicking сообщение меня это вызывает функцию «SomeFunc» функция скрывает ContactInfo но отображает ContactForm, функция:

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

Он прекрасно скрывает контактыinfo, как и ожидалось, однако он не показывает форму контакта. Я считаю, что это может быть связано с тем, что CSS переопределяет функцию, есть ли способ остановить ее от этого и заставить ее работать должным образом?

Answer 1

Существует имя плохая функция, правильно мала «d» и «Элемент» вместо «Элементы»

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

Answer 2

в коде document.getElementsByID упоминается не document.getElementById использовать этот код:

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