innerHTML中的Ajax document.getElementById不起作用

Question

function showSchedule() {
    if (request.readyState == 4) {
        if (request.status == 200) {
            document.getElementById("content").innerHTML = request.responseText;

            /* put alert to enroll submit button */
            document.getElementById("enroll").onclick = doIt;
        }
    }
}

function doIt() {
    alert("tu$a bastIn");
}

enroll是request.responseText中的一个按钮。我调试并看到document.getElementById（“enroll”）有（不是null）但我不能分配doIt函数。有什么建议吗？

Answer 1

当document.getElementById("enroll")不为null时，你有几个带有这个id的元素（也可能是分离的）。

你覆盖了这个id存在的某些内容，或者在其他地方使用过它。