用js 写怎么实现不要动画类表

以下是一个基本的实现，它将一个无序列表（ul）中的所有项目标记为“完成”或“未完成”：

HTML：

<ul id="todo-list">
  <li>任务1</li>
  <li>任务2</li>
  <li>任务3</li>
  <li>任务4</li>
</ul>
<button id="complete-all">标记所有任务为已完成</button>
<button id="uncomplete-all">标记所有任务为未完成</button>

JavaScript：

// 获取按钮和列表元素
var completeAllBtn = document.getElementById('complete-all');
var uncompleteAllBtn = document.getElementById('uncomplete-all');
var todoList = document.getElementById('todo-list');

// 标记所有任务为已完成
completeAllBtn.addEventListener('click', function() {
  // 获取所有任务项
  var todoItems = todoList.getElementsByTagName('li');
  // 循环遍历所有任务项，将它们标记为已完成
  for (var i = 0; i < todoItems.length; i++) {
    todoItems[i].classList.add('completed');
  }
});

// 标记所有任务为未完成
uncompleteAllBtn.addEventListener('click', function() {
  // 获取所有任务项
  var todoItems = todoList.getElementsByTagName('li');
  // 循环遍历所有任务项，将它们标记为未完成
  for (var i = 0; i < todoItems.length; i++) {
    todoItems[i].classList.remove('completed');
  }
});

CSS：

.completed {
  text-decoration: line-through;
}

该代码将为所有已完成的任务项添加一个删除线。请注意，这里的实现使用了classList属性，它是一个DOM元素的属性，允许您添加、删除和切换CSS类。如果您需要支持旧版浏览器，可以使用元素的className属性来实现相同的效果。