Javascript:获取最近邻居元素的属性

<div id="parent">
  <div id="child">Child Element</div>
  <div id="neighbor">Neighbor Element</div>
</div>

// 获取#child元素
const child = document.getElementById('child');

// 获取#child元素的下一个兄弟节点
const neighbor = child.nextElementSibling;

// 获取邻居元素的属性，例如id
const neighborId = neighbor.id;
console.log(neighborId); // 输出: neighbor

// 获取#child元素的父节点
const parent = child.parentElement;

// 获取#child元素的下一个兄弟节点
const neighbor = parent.children[1];

// 获取邻居元素的属性，例如id
const neighborId = neighbor.id;
console.log(neighborId); // 输出: neighbor

const neighbor = child.nextElementSibling || child.previousElementSibling;
if (neighbor) {
  const neighborId = neighbor.id;
  console.log(neighborId);
} else {
  console.log('No neighbor found');
}

const siblings = Array.from(parent.children);
const index = siblings.indexOf(child);
if (index !== -1 && index + 1 < siblings.length) {
  const neighbor = siblings[index + 1];
  const neighborId = neighbor.id;
  console.log(neighborId);
} else {
  console.log('No neighbor found');
}