JavaScript实现根据部分类名从classList中获取完整类名

假设你已获取目标元素的classList，可以通过以下方式找到包含指定部分类名的完整类名：

单个匹配结果（返回第一个符合条件的类名） #

// 将classList转换为数组
const classArray = Array.from(element.classList);
// 查找以"needTranslation"开头的类名（如果部分类名可能在中间，替换为includes）
const fullClassName = classArray.find(cls => cls.startsWith('needTranslation'));

// 使用结果，例如打印
console.log(fullClassName); // 输出：needTranslation-biblio

多个匹配结果（返回所有符合条件的类名） #

如果存在多个包含该部分类名的类，用filter方法获取全部：

const classArray = Array.from(element.classList);
const allMatchingClasses = classArray.filter(cls => cls.includes('needTranslation'));

// allMatchingClasses 是包含所有符合条件类名的数组

说明 #

• element是你拥有classList的DOM元素，需提前获取（比如通过document.getElementById等方法）。
• startsWith适用于部分类名在开头的场景，更精准；includes适用于部分类名可能出现在类名任意位置的场景。

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