element_javascript 기술의 인접한 형제 노드를 얻기 위한 이전 및 다음 메소드의 JavaScript 구현

이 기사의 예에서는 요소의 인접한 형제 노드를 얻기 위한 prev 및 next 메소드의 JavaScript 구현을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

/**
* 获取相邻元素
* @param ele 参考物元素
* @param type 类型，上一个(1)or下一个(0)
* @return 返回查找到的元素Dom对象，无则返回null
*/
function getNearEle(ele, type) {
  type = type == 1 ? "previousSibling" : "nextSibling";
  var nearEle = ele[type];
  while(nearEle) {
    if(nearEle.nodeType === 1) {
      return nearEle;
    }
    nearEle = nearEle[type];
    if(!nearEle) {
      break;
    }
  }
  return null;
}
/**
* 获取当前执行对象的上一个元素
*/
function prev() {
  return getNearEle(this, 1);
}
/**
* 获取当前执行对象的下一个元素
*/
function next() {
  return getNearEle(this, 0);
}
// var ele = document.getElementById("xxx");
// var prevElement = prev.call(ele);
// var nextElement = next.call(ele);

JavaScript 노드 작업과 관련된 더 많은 콘텐츠에 관심이 있는 독자는 이 사이트의 특별 주제인 "JavaScript 작업 DOM 기술 요약"

을 확인할 수 있습니다.

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.