JavaScript无法获取previousSibling的类，需修改div类实现功能

你的问题出在previousSibling的使用上——在HTML结构里，<input>的直接父元素是带specialCheckbox2类的<div>，但你用previousSibling拿到的其实是文本节点（比如代码里的换行、空格字符），这类节点没有classList属性，自然没法修改类名。

正确的实现代码 #

直接通过<input>的parentNode获取它的父级<div>，这才是你要操作的目标元素：

const idName = "Tuesday";
// 一次性获取目标复选框元素，避免重复DOM查询
const checkbox = document.querySelector(`#w1_${idName}`);
// 获取父级div容器
const targetDiv = checkbox.parentNode;

// 修改类名
targetDiv.classList.remove('specialCheckbox2');
targetDiv.classList.add('specialCheckbox3');
// 禁用复选框
checkbox.disabled = true;

额外说明 #

• 你原代码里的idName.split('_')[1]是多余的，因为idName本身就是"Tuesday"，直接用模板字符串拼接选择器更简洁
• 把DOM查询结果存为变量，能减少重复的DOM操作，提升代码性能

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