如何实现点击div时为变量a赋值，未点击时将其置空？

先初始化变量a为空，再给目标div绑定点击事件，点击时赋值即可：

// 初始状态下变量a为空
let a = '';

// 获取id为click的div元素
const clickDiv = document.getElementById('click');

// 给div添加点击事件监听
clickDiv.addEventListener('click', () => {
  a = 'click open';
  // 可以用console.log查看变量变化
  console.log(a);
});

简单说明 #

• 页面加载完成后，a默认是空字符串，符合你「未点击时变量保持空值」的要求。
• 点击div的时候，事件触发，a就会被赋值为"click open"。

额外补充（可选） #

如果需要点击页面其他区域时把a重置为空，可以加这段代码：

// 监听整个页面的点击事件
document.addEventListener('click', (e) => {
  // 点击的不是目标div时重置a
  if (e.target !== clickDiv) {
    a = '';
    console.log(a);
  }
});

内容的提问来源于stack exchange，提问作者Mustafa Ulusan