The JavaScript method document.getElementById() returns the HTML DOM element. However, Web.UI controls create themselves dynamically as Objects on the client, complete with properties, methods and events (as described in the client API docs). This is in addition to their HTML DOM element (usually a TABLE).
Thus, when you want to access the Web.UI object, you directly access it via its object name.
eg.
<code>
CallBack1.callback();
</code>
or more succinctly,
<code>
window.CallBack1.callback();
</code>
If instead you want to access the DOM element, you can use the getElementById() document method as you've done above.
Note that in both cases you may have to account for the ID changing if the control is in a UserControl or Master/Content page etc.
I hope this clears things up!