求助：点击按钮添加CSS类失效——通过按钮ID添加类无效果问题

你遇到的问题核心是：this.id返回的是字符串类型的按钮ID，而classList是DOM元素特有的属性，字符串没有这个方法，所以调用buttonClicked.classList.add()会报错（你可以打开浏览器控制台F12看看错误信息，应该会提示类似"Cannot read properties of string (reading 'classList')"）。

下面给你几种可行的解决方式：

方法1：用jQuery原生方法（最简洁） #

既然你已经在使用jQuery，直接利用它的addClass()方法是最方便的：

$('.btn').click(function(event){ 
  $(this).addClass('random'); // $(this)就是当前点击的按钮jQuery对象
})

方法2：直接操作原生DOM元素 #

this在jQuery的事件回调里本身就是触发事件的DOM按钮元素，不需要取ID，直接用它调用原生方法：

$('.btn').click(function(event){ 
  const buttonElement = this;
  buttonElement.classList.add('random');
})

方法3：通过ID获取元素（满足你的初始思路） #

如果一定要通过ID来获取元素再操作，需要把ID字符串转为对应的DOM元素：

$('.btn').click(function(event){ 
  let buttonClicked = this.id;
  const targetButton = document.getElementById(buttonClicked);
  targetButton.classList.add('random');
})

不过这种方式属于多此一举，因为this已经是你要操作的元素了，没必要绕一圈通过ID查找。

建议优先用方法1或2，代码更简洁高效~

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