使用 JavaScript 在打开的页面上添加活动类

JavaScript 可以用来动态地修改网页的内容和样式，实现交互效果。在某些情况下，我们需要在打开的页面上添加活动类（活动状态下的样式类），可以通过以下步骤来实现。

添加活动类的步骤

1. 获取元素对象：首先需要获取要添加活动类的元素对象。可以通过 document.getElementById()、document.getElementsByClassName()、document.querySelector() 等方法获取到需要修改的元素。例如：

   const elem = document.getElementById('my-element');
   

2. 添加活动类：使用 element.classList.add() 方法来给元素添加活动类。例如：

   elem.classList.add('active');
   

3. 完整代码片段：

   const elem = document.getElementById('my-element');
   elem.classList.add('active');
   

使用 jQuery 添加活动类

如果网页中引入了 jQuery 库，可以使用 jQuery 的 .addClass() 方法来添加活动类。例如：

$('#my-element').addClass('active');

总结

通过 JavaScript 来添加活动类，可以实现动态地改变元素的样式，使网页具有更好的交互性。需要注意的是，添加活动类只是一种实现方式，具体应用需要根据实际情况来选择。