javascript - 我无法使用 DOM 选择 html 元素

Question

我试图选择一组元素，但它似乎不起作用。我想我知道错误来自哪里，但不知道如何解决它。

编辑：我认为它不起作用，因为 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);
}
}

标签： javascripthtmldom

Answer 1

我认为在从 getItemBorders 返回变量“carrier”之前调用了borderClicked，我在变量中调用了它，然后将其分配给了html。