以下javascript是onload运行的：
var shop_checkout = {
setup: function() {
var img = document.createElement('img');
img.src = '/public/styles/images/confirm_payment.png';
img.id = 'confirm_payment';
img.alt = 'Confirm Payment: submit order and charge my card';
var span = app.get('submit_checkout');
console.log('found the span');
span.innerHTML = '';
console.log('emptied the span');
span.appendChild(img);
console.log('appended the image');
img.onclick = shop_checkout.onsubmit;
console.log('set the onclick');
},
onsubmit: function() {
// irrelevant
},
submitted: function() {
// irrelevant
},
oncheckout: function(json, status) {
// irrelevant
}
};
app.onload(shop_checkout.setup);
（
app.onload()是一个简单的函数，它建立了要在加载时触发的函数的列表，而app.get()是document.getElementById()的简单快捷方式。这在底部显示。）在大多数情况下，这很成功。一次又一次地，它可以清空整个范围，但是无法附加图像。产生的错误消息是：“未捕获的错误：NotFoundError：DOM异常8”。
现在，DOM Exception 8是一个未发现的错误，这表明
img不存在，即使我之前仅创建了几行也是如此。这可能是怎么回事？我猜想
img DOM元素不一定存在，即使引用它的变量确实存在。那正确吗？那我该怎么办？这是应用程序代码：
var app = {
get: function(id) {
return document.getElementById(id);
},
onload: function(func) {
// http://www.dustindiaz.com/top-ten-javascript/
var oldonload = window.onload;
if (typeof window.onload !== 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
};
}
}
};
最佳答案
看来您的<span>元素永远不会附加到DOM。如果它们来自文档（<html>），则只能按id查找事物。
在尝试查找附有<span>的任何内容（直接或后代）之前，请确保将其附加到文档中。