如何从NodeList中随机获取指定class的div元素？代码返回undefined

你的问题不需要把NodeList转成普通数组，核心问题出在随机数的处理上：

Math.random()*(termList.length-0)+0 生成的是浮点数，而NodeList（和数组一样）的索引必须是整数。用浮点数作为索引访问元素时，JS会自动把它转成字符串作为键去查找，自然找不到对应的元素，所以返回undefined。

正确的写法 #

只需要把随机数转为整数即可，最常用的是Math.floor()向下取整，确保得到0到termList.length-1之间的合法索引：

const termList = document.querySelectorAll('.term');
const randomNum = Math.floor(Math.random() * termList.length);
const randomTerm = termList[randomNum];

可选：转数组的写法（非必须） #

如果你习惯用数组方法，也可以把NodeList转成普通数组，比如用Array.from()或者扩展运算符[...]，但这不是解决问题的必要步骤：

// 转数组方式1：Array.from
const termArray = Array.from(document.querySelectorAll('.term'));
const randomTerm = termArray[Math.floor(Math.random() * termArray.length)];

// 转数组方式2：扩展运算符
const termArray = [...document.querySelectorAll('.term')];
const randomTerm = termArray[Math.floor(Math.random() * termArray.length)];

内容的提问来源于stack exchange，提问作者arrogate