javascript - Why am I getting "ReferenceError: getElementById is not defined"?

Question

I have a little JavaScript code I wrote, and for some reason I'm getting an error saying:

ReferenceError: getElementById is not defined

Here is the function:

window.onload=function() 
{ 
    clearAll(); 
    updatePizzaToppings(); 
    updatePizzaToppings(); 
    updatePizzaToppings(); 
    updatePizzaToppings(); 
};


function updatePizzaToppings() 
{ 
    var checkBox=getElementById('selectBacon'); 
    var pic=getElementById('BaconPic'); 
    if (checkBox.checked) 
    {
        pic.style.visibility='visible'; 
    }
    else 
    {
        pic.style.visibility='hidden';
    }           
}; 

I've made a little JSFiddle for it as well.

http://jsfiddle.net/CkjkB/5/

Answer 1

You need to use document.getElementById()