Rumah > hujung hadapan web > tutorial js > Pelaksanaan JavaScript kaedah sebelumnya dan seterusnya untuk mendapatkan nod adik beradik yang bersebelahan bagi kemahiran element_javascript

Pelaksanaan JavaScript kaedah sebelumnya dan seterusnya untuk mendapatkan nod adik beradik yang bersebelahan bagi kemahiran element_javascript

WBOY
Lepaskan: 2016-05-16 15:18:18
asal
2844 orang telah melayarinya

Contoh dalam artikel ini menerangkan pelaksanaan JavaScript kaedah sebelumnya dan seterusnya untuk mendapatkan nod adik beradik bersebelahan bagi sesuatu elemen. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

/**
* 获取相邻元素
* @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);

Salin selepas log masuk

Pembaca yang berminat dengan lebih banyak kandungan yang berkaitan dengan operasi nod JavaScript boleh menyemak topik khas tapak ini: "Ringkasan kemahiran DOM operasi JavaScript"

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan