获取元素的兄弟节点方法及实例应用

您可以使用nextSibling和previousSibling来获取元素的下一个或上一个兄弟节点。例如：

<div id="parent">
  <span>First</span>
  <span>Middle</span>
  <span>Last</span>
</div>

const middleSpan = document.querySelector("#parent span:nth-child(2)");
const nextSibling = middleSpan.nextSibling;
const previousSibling = middleSpan.previousSibling;
console.log(nextSibling); // 输出<span>Last</span>
console.log(previousSibling); // 输出<span>First</span>

注意，nextSibling和previousSibling返回的是节点对象，因此您需要使用textContent或其他属性来访问其文本内容。