2 回答

TA貢獻1815條經驗 獲得超13個贊
問題是您正在調用 .appendChild()body
function LoadAllProducts() {
var x = document.createElement("TABLE");
x.setAttribute("id", "table");
// Instead of document.body, use document.getElementById()
document.getElementById("products-row").appendChild(x);
var y = document.createElement("TBODY");
y.setAttribute("id", "products");
// ... like you were using here...
document.getElementById("table").appendChild(y);
}
函數調用在HTML中的位置并不重要,都會引用當前頁面的元素。document.bodybodydocument

TA貢獻1802條經驗 獲得超10個贊
document.body.appendChild(x);
顯然是 document.body。該程序正在完全按照您的指示執行操作...將節附加到文檔的正文。
該程序不理解“含義”,例如“我把這個代碼放在這里,所以我期望代碼在這里輸出”。JavaScript DOM 不是這樣工作的。您必須指定輸出的去向。
如果你想讓它出現在產品行中,你必須告訴它去那里
document.getElementById("products-row").appendChild(x)
在這種情況下,我們通過id獲取元素“products-rows”,然后告訴代碼“在這里附加我的輸出x”。
添加回答
舉報