Creating event handler for dynamically created element?

[moretea]

Sorry if this has been answered elsewhere, but... I use the following JS to dynamically create a <div> centered on the page. I'm trying to add an <a> to the <div> and connect an event handler to the <a> that will remove the dynamically created <div>. Seems as if the JS won't init the handler for an element that hasn't yet been created... ? TIA for your help!

<script type="text/javascript">
var showSev1_2 = {
    init: function()
    {
        var hrefSev1_2 = document.getElementById("hrefSev1_2");
        hrefSev1_2.onclick = showSev1_2.clickHandler;
    },
    clickHandler: function()
    {
        wrapper=document.createElement("div");
        wrapper.id = "wrapper";
        chart = document.createElement("img");
        chart.src = "my.jpg";
        chart.id = "chart";
        shadow = document.createElement("img");
        shadow.src = "shadow.gif";
        shadow.id = "shadow";
        closeWrapper = document.createElement("a");
        closeWrapper.href = "#";
        closeWrapper.id = "closeWrapper";
        txtCloseWrapper = document.createTextNode("Close this chart");
        closeWrapper.appendChild(txtCloseWrapper);
        wrapper.appendChild(closeWrapper);
        wrapper.appendChild(chart);
        wrapper.appendChild(shadow);
        document.getElementsByTagName("body")[0].appendChild(wrapper);
    }
}
Core.start(showSev1_2);
var showCloseWrapper = {
    init: function()
    {
    if (document.getElementById("closeWrapper")) 
        {
        closeWrapper.onclick = closeWrapper.clickHandler;
        }
    },
    clickHandler: function()
    {
        document.getElementsByTagName('body')[0].removeChild(wrapper);
    }
}
Core.start(showCloseWrapper)
</script>

[Kravvitz]

Where is "closeWrapper" defined?

[moretea]

<slaps forehead> Yes, thanks for catching that. I had to sleep on it overnight to find that, myself.