Javascript 如何附加包含函数的变量

我已经创建了一个对象数组和一个在该数组上循环的函数，同时创建了一个组件，我正试图将该组件附加到HTML中的一个div中，但我一直收到以下错误：app.js:722 Uncaught TypeError:无法读取null的属性“append”

还有一种方法可以将“method”组件附加到不同的div中吗

有人能帮忙吗？我想知道如何在香草Javascript中实现这一点

让国际国家=[
{
名称：“爱马仕”，
方法：“标准交付”，
timmeScale：“在5至7个工作日内交付”，
},
{
名称：“USP”，
方法：“标准交付”，
timmeScale：“1至2个工作日内交货”，
},
{
名称：“DPD”，
方法：“标准交付”，
timmeScale：“在11至21个工作日内交付”，
},
]
让renderCountryList=（）=>{
设itemName=“”；
let method=“”；
for（设i=0；i'；
方法+=''+国际国家[i]。方法+'
'+国际国家[i]。timmeScale+'
'；
}
返回itemName、method；
}
renderCountryList（）
let list=document.querySelector（“.country list”）
让countryList=renderCountryList（）；
console.log（countryList）
列表。追加（国家列表）

您是否在HTML之前执行javascript？通常，如果元素尚未渲染，则会出现此错误

---

尝试将javascript放在HTML文件末尾的各个元素之后。

因此它表示找不到该元素。另外，append不接受stringyes当我console.log（list）时，我得到null，不确定为什么？很明显，在JavaScript运行时，选择器没有匹配任何元素。如果将代码放入一个字符串中，则代码可以工作，因此很可能JavaScript在生成HTML之前运行，如果您运行的代码实际上显示了html标记，并且它似乎被压缩了，我该如何解决这个问题？@RMP1992在for循环中，您当前只是创建了一个字符串（即使该字符串看起来像html元素）。您需要使用DOM标记来构建html元素，然后使用appendChild（）命令将它们添加到父元素。