js 实现重置

重置表单

使用 reset() 方法可以重置表单中的所有输入字段到它们的初始值。该方法适用于 <form> 元素。

document.getElementById('myForm').reset();

重置对象属性

将对象的属性重新赋值为初始值或空值。

const obj = { name: 'John', age: 30 };
obj.name = '';
obj.age = 0;

重置数组

将数组重新赋值为空数组或初始值。

let arr = [1, 2, 3];
arr = [];

重置变量

将变量重新赋值为初始值或 null/undefined。

let count = 10;
count = 0;

重置输入字段

直接设置输入字段的值为空字符串或默认值。

document.getElementById('myInput').value = '';

重置本地存储

清除 localStorage 或 sessionStorage 中的数据。

localStorage.clear();
sessionStorage.clear();

重置 CSS 样式

将元素的样式重置为初始值。

document.getElementById('myElement').style = '';

重置事件监听器

移除所有事件监听器，可以通过克隆元素或重新赋值实现。

const element = document.getElementById('myElement');
const newElement = element.cloneNode(true);
element.parentNode.replaceChild(newElement, element);

重置定时器

清除 setInterval 或 setTimeout 定时器。

clearInterval(intervalId);
clearTimeout(timeoutId);