Question

我有代码遍历一个数组（由一个对象提供）并处理要在iframe中调用的图像源。问题是，我得到了一个

未捕获的TypeError：无法读取null
的属性'appendChild'

重新加载页面时出错。如果我做Empty Cache and Hard reload它似乎100％正常工作。如果我离开并返回，它可以在95％的时间内正常工作。如果我进行常规重新加载，则几乎每次都会在以下代码中的初始图像源（document.body.appendChild(iframeTag);）的最后一行发生错误。但我确实看到了初始图像源调用：

function insertStaticTag(imgSrc) {
    var iframeTag = document.createElement("iframe");
    iframeTag.setAttribute("width", "1");
    iframeTag.setAttribute("height", "1");
    iframeTag.style.display = "none";
    iframeTag.style.border = "none";
    var imgTag = document.createElement("img");
    imgTag.src = detokenizeTags(imgSrc);
    iframeTag.appendChild(imgTag);
    document.body.appendChild(iframeTag);
};

不确定为什么会发生这种情况或如何解决？有任何想法吗？

Answer 1

这意味着document.body是null。您可以在加载DOM后执行代码来避免它。

document.addEventListener("DOMContentLoaded", function() {
     // The code
});

获得间歇“未捕获的TypeError：无法读取属性'appendChild'的null”错误？

1 个答案: