Javascript 我无法使用DOM选择html元素

我试图选择一个元素集合，但它似乎不起作用。 我想我知道错误的来源，但不知道如何解决它

编辑： 我认为它不起作用，因为BorderItem元素是在DOM在getItemBorders（）中呈现HTML之前运行的

代码如下：

function getItemBorders(item){
    let carrier=``;
        for(let i=0; i<itemsArray.length; i++){
            for(let j=0; j<item.length; j++){
            if(itemsArray[i].alpha3Code==item[j]){
            carrier+=`<div class="border-item"><button class="">${itemsArray[i].name}</button></div>`
        }}}
        borderClicked();
    return carrier;
}
function borderClicked(){
    const BorderItem=Array.from(document.querySelectorAll('.border-item button'));
    for(let i=0; i<BorderItem.length; i++){
       console.log(BorderItem[i].innerHTML);
}
}

函数getItemBorders（项）{ 让载波=``；

---

对于（设i=0；i我认为borderClicked是在从getItemBorders返回变量“carrier”之前调用的，我在变量中调用了该变量，然后将其分配给html