单击切换导航栏时获取另一个元素的背景

，可以通过以下步骤实现：

首先，需要在前端开发中使用JavaScript来处理点击事件。可以通过给导航栏的切换按钮添加一个点击事件监听器来实现。
在点击事件的处理函数中，可以使用JavaScript的DOM操作方法获取需要改变背景的元素。可以通过元素的ID、类名或标签名等方式来获取元素。
一旦获取到需要改变背景的元素，可以使用JavaScript的样式操作方法来改变元素的背景。可以通过修改元素的style属性来实现，例如设置元素的background-color属性。
如果需要获取另一个元素的背景，可以在点击事件的处理函数中先获取当前元素的背景，然后再将其赋值给另一个元素的背景。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <style>
    .navbar {
      background-color: #ccc;
      padding: 10px;
    }
    .content {
      background-color: #fff;
      padding: 20px;
    }
  </style>
</head>
<body>
  <div class="navbar">
    <button id="toggleBtn">切换导航栏</button>
  </div>
  <div class="content" id="element1">
    这是元素1
  </div>
  <div class="content" id="element2">
    这是元素2
  </div>

  <script>
    var toggleBtn = document.getElementById('toggleBtn');
    var element1 = document.getElementById('element1');
    var element2 = document.getElementById('element2');

    toggleBtn.addEventListener('click', function() {
      var currentBg = element1.style.backgroundColor;
      element1.style.backgroundColor = element2.style.backgroundColor;
      element2.style.backgroundColor = currentBg;
    });
  </script>
</body>
</html>

在上述示例中，点击"切换导航栏"按钮时，会交换元素1和元素2的背景颜色。你可以根据实际需求修改代码中的样式和元素选择器。