有没有办法在vanilla Javascript中存储之前点击过的元素

在vanilla JavaScript中，可以使用localStorage或sessionStorage来存储之前点击过的元素。

localStorage是一种持久化存储的机制，数据会一直保存在浏览器中，除非手动清除或代码删除。可以通过localStorage.setItem(key, value)方法将数据存储到localStorage中，其中key是存储的键名，value是存储的值。可以使用localStorage.getItem(key)方法来获取存储的值，localStorage.removeItem(key)方法来删除指定的键值对。

sessionStorage是一种会话级别的存储机制，数据只在当前会话中有效，关闭浏览器标签页或浏览器后数据会被清除。使用方法与localStorage类似，可以使用sessionStorage.setItem(key, value)方法存储数据，sessionStorage.getItem(key)方法获取数据，sessionStorage.removeItem(key)方法删除数据。

下面是一个示例代码，演示如何在vanilla JavaScript中使用localStorage存储之前点击过的元素：

// 获取之前存储的点击元素
var clickedElements = localStorage.getItem('clickedElements');

// 如果之前有存储的点击元素，则进行相应处理
if (clickedElements) {
  // 将存储的点击元素转换为数组
  clickedElements = JSON.parse(clickedElements);
  
  // 遍历点击元素数组，进行相应处理
  clickedElements.forEach(function(elementId) {
    var element = document.getElementById(elementId);
    // 进行点击元素的处理逻辑
    // ...
  });
}

// 监听点击事件，将点击的元素存储到localStorage中
document.addEventListener('click', function(event) {
  var elementId = event.target.id;
  
  // 如果点击的元素有id，则进行存储
  if (elementId) {
    // 获取之前存储的点击元素
    var clickedElements = localStorage.getItem('clickedElements');
    
    // 如果之前没有存储的点击元素，则创建一个空数组
    if (!clickedElements) {
      clickedElements = [];
    } else {
      // 如果之前有存储的点击元素，则将其转换为数组
      clickedElements = JSON.parse(clickedElements);
    }
    
    // 将点击的元素id添加到数组中
    clickedElements.push(elementId);
    
    // 将更新后的点击元素数组存储到localStorage中
    localStorage.setItem('clickedElements', JSON.stringify(clickedElements));
  }
});

这是一个简单的示例，演示了如何在vanilla JavaScript中使用localStorage存储之前点击过的元素。根据具体需求，可以根据实际情况进行相应的修改和扩展。

腾讯云相关产品和产品介绍链接地址：