GetElementById giving ReferenceError in Chrome

Question

I have no idea what's going on because I have never had problems with JS but here we go. I keep getting an Uncaught ReferenceError in Chrome with this code:

function showShareButtons() {
    var buttons = getElementById("sharebtns");
    document.buttons.style.visibility = 'visible';
}

Can someone tell me what's wrong? Thanks!

Answer 1

You can't simply declare getElementById by itself for a variable. You would need to use document.getElementById:

function showShareButtons() {
    var buttons = document.getElementById("sharebtns");
    buttons.style.visibility = 'visible';
}

Even though you eventually use document in your code, it would not be the same since the variable is unable to be declared as anything definitive.

Answer 2

document.getElementById("sharebtns");

Answer 3

It should be like: function showShareButtons() { var buttons = document.getElementById("sharebtns"); buttons.style.visibility = 'visible'; }