如何检查节点列表中是否包含没有内容的元素？

Question

我希望我的函数首先检查是否有一个没有内容的元素，然后如果条件为真 - 执行代码，否则不要 运行 函数。就是不知道怎么判断是否有没有内容的元素。

function randomBlock(){
    let random = Math.floor(Math.random() * blocks.length)
    if(blocks[random].textContent == ""){
        blocks[random].textContent = "O"
    } else{
        randomBlock()
    } 
}

Answer 1

将 NodeList 过滤为空元素，然后 select 随机元素。过滤后可以查看是否有可用的空块

function randomBlock() {
    let emptyBlocks = [...blocks].filter(block => block.textContent.trim() == "");
    if (emptyBlocks.length > 0) {
        let random = Math.floor(Math.random() * emptyBlocks.length);
        emptyBlocks[random].textContent = "O";
    } else {
        console.log("No empty blocks left");
    }
}