如何连接两个HTML元素，避免其他元素

<div id="element1">Element 1</div>
<div id="element2">Element 2</div>

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

  // 在这里可以对element1和element2进行操作
</script>

<div id="element1">Element 1</div>
<div id="element2">Element 2</div>

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

  element1.addEventListener("click", function() {
    // 当element1被点击时执行的操作
  });

  element2.addEventListener("mouseover", function() {
    // 当鼠标悬停在element2上时执行的操作
  });
</script>

<div id="element1">Element 1</div>
<div id="element2">Element 2</div>

<script>
  var sharedData = "Hello, world!";

  var element1 = document.getElementById("element1");
  var element2 = document.getElementById("element2");

  element1.innerHTML = sharedData; // 将共享数据显示在element1中

  element2.addEventListener("click", function() {
    alert(sharedData); // 当element2被点击时显示共享数据
  });
</script>