[JS] Onclick-event handling troubles

[Stephan11117]

Dit werkt: (ik krijg een alert als ik een onclick event afvuur op de knop)

JavaScript:

function parseDelButton(condition) {
    button = document.createElement('input');
    button.setAttribute('type','button');
    button.setAttribute('value','Verwijder');
    button.setAttribute('onclick', "del_button_click()");
    return button;
}

function del_button_click() {
    alert('klik!');
}

Dit werkt niet: (geen alert)

JavaScript:

function parseDelButton(condition) {
    button = document.createElement('input');
    button.setAttribute('type','button');
    button.setAttribute('value','Verwijder');
    button.onclick = function() {
        alert('klik!');
    }
    return button;
}

Wat doe ik in code fragment 2 verkeerd? In geen enkele browser wordt er een alert getoont.

[crisp]

Beide voorbeelden werken in Firefox, je eerste veerbeeld werkt niet in IE.
Technisch gezien is een onclick-attribute ook geen HTML-valueattribute maar een interface-attribute; derhalve doe je er beter aan daar de juiste methoden voor te gebruiken ( addEventHandler/attachEvent ) of zo (functie-referentie):

JavaScript:

button.onclick = delbutton_click;

[Clay]

als ik met

JavaScript:

[HTMLElement].appendChild(parseDelButton());

die 2e button implementatie uitvoer en daarna op de button klik krijg ik gewoon een alert hoor. Hoe voeg jij die button dan aan de pagina toe?