根据样式更新数字

Question

我在一个职位列表网站上工作。我有一个搜索页面，用户可以在其中查看所有职位发布并使用搜索栏过滤职位。在工作仪表板的顶部，我显示了页面上显示的工作总数。假设没有过滤器，有 234 个职位可用。如果用户键入“tech”，该数字下降到 34 并超出 234 个<li>元素，则 200 显示为none34 保留其原始值。我有什么静态的  count = document.getElementsByClassName("job");  document.getElementById("number-jobs-total").innerHTML = count;我在做什么问题是count未定义，你知道什么是错的吗？const updateTotalJobs = () => {    count = document.getElementsByClassName("job");    var arr = Array.from(count);    for(var i = 0 ; i < arr.length ; i++){        if(arr[i].style.display=="none"){            count--;        }    }    console.log(count);};search.addEventListener("keyup", e =>{    filterJobs(e.currentTarget.value.trim());    updateTotalJobs();});

Answer 1

Document.getElementsByClassName()返回一个类似数组的对象，而不是一个数字。尝试将计数设置为等于长度。