使用javascript访问悬停时的下拉内容

我的主要项目是根据一天中的日期和时间更改下拉列表内容。现在，我正试图改变下拉内容，因为我点击按钮。 以下是我所拥有的：

current block: 
<div id="dropdown">
   <span>1</span> 
   <div class="dropdown-content">
      <p>1</p>
      <p>2</p>
      <p>3</p>
      <p>lunch</p>
      <p>4</p>
      <p>5</p>
   </div>
   <div class="dropdown-content2">
      <p>1</p>
      <p>2</p>
      <p>3</p>
      <p>pack</p>
      <p>lunch</p>
      <p>4</p>
      <p>5</p>
   </div>
   <div class="dropdown-content3">
      <p>1</p>
      <p>2</p>
      <p>3</p>
      <p>lunch</p>
      <p>4</p>
      <p>5</p>
      <p>Event</p>
   </div>
</div>

和JS：

function SwapDivsWithClick()
{
   var d1 = document.getElementById('dropdown:hover .dropdown-content');
   var d2 = document.getElementById('dropdown:hover .dropdown-content2');
   var d3 = document.getElementById('dropdown:hover .dropdown-content3');
   d1.style.display = "none";
   d2.style.display = "none";
   d3.style.display = "block";

我正在尝试访问Javascript中的#dropdown:hover.dropdown内容。但我不明白怎么做

---

谢谢。

您试图访问是什么意思？#下拉：悬停。下拉内容，您所说的“访问”是什么意思？您想要元素的内容吗？是否需要元素本身？document.getElementById需要一个html id作为参数。当您通过getElementById获取元素时，您可以将一些操作绑定到hover eventFYI：您可以使用GetElementsByCassName或getElementsByTagName，但hover是一个事件，因此您必须将此事件侦听器绑定到所需的元素您正在尝试做什么？您当前的输出与预期的输出是什么？你在按什么按钮<代码>下拉列表：悬停是css属性。。。你无法访问它。它是应用于悬停时的

下拉列表

的css属性。您只需查找

下拉列表

——您正在尝试访问的html元素，以及您为什么尝试在javascript中执行css中已经执行的操作？

function SwapDivsWithClick()
{
   var d1 = document.getElementById('dropdown:hover .dropdown-content');
   var d2 = document.getElementById('dropdown:hover .dropdown-content2');
   var d3 = document.getElementById('dropdown:hover .dropdown-content3');
   d1.style.display = "none";
   d2.style.display = "none";
   d3.style.display = "block";