如何单击div并获取其背景颜色(纯JS)

要实现单击div并获取其背景颜色，可以使用以下纯JS代码：

// 获取div元素
var divElement = document.getElementById("myDiv");

// 添加点击事件监听器
divElement.addEventListener("click", function() {
  // 获取div的背景颜色
  var bgColor = window.getComputedStyle(divElement).backgroundColor;
  
  // 打印背景颜色
  console.log("背景颜色：" + bgColor);
});

上述代码中，首先通过document.getElementById方法获取到id为"myDiv"的div元素。然后使用addEventListener方法为div元素添加一个点击事件监听器。当div被点击时，事件处理函数会被触发。在事件处理函数中，使用window.getComputedStyle方法获取div元素的计算后的样式，再通过.backgroundColor获取背景颜色。最后，通过console.log打印背景颜色。

这种方法可以获取到div元素的实际背景颜色，包括通过CSS样式表定义的背景颜色。如果div元素没有设置背景颜色，或者背景颜色是透明的，则获取到的颜色值为"rgba(0, 0, 0, 0)"。

推荐的腾讯云相关产品：无