javascript - 我如何解决这个 "Cannot read property ' appendChild' of null"错误？

Question

我尝试使用下面的代码，它在我网站的幻灯片中添加了按钮:

window.onload = function loadContIcons() {
    var elem = document.createElement("img");
    elem.src = "http://arno.agnian.com/sites/all/themes/agnian/images/up.png";
    elem.setAttribute("class", "up_icon");

    var id = "views_slideshow_controls_text_next_slideshow-block";
    if (id !== 0) {
        document.getElementById(id).appendChild(elem);
    } else console.log("aaaaa");

    var elem1 = document.createElement("img");
    elem1.src = "http://arno.agnian.com/sites/all/themes/agnian/images/down.png";
    elem1.setAttribute("class", "down_icon");

    var id1 = "views_slideshow_controls_text_previous_slideshow-block";
    if (id1 !== 0) {
        document.getElementById(id1).appendChild(elem1);
    } else console.log("aaaaa");
}

在我有幻灯片的首页上，一切正常，但在其他页面上出现错误 Cannot read property 'appendChild' of null。

Answer 1

元素还没有被追加，因此它等于 null。 Id 永远不会 = 0。当您调用 getElementById(id) 时，它为空，因为它还不是 dom 的一部分，除非您的静态 id 已经在 DOM 上。通过控制台调用以查看返回的内容。