要求：
- 獲得下一個/上一個兄弟元素節點，不包括文本節點等
- 解決IE兼容性問題
代碼實作：
獲得下一個兄弟元素節點：
function getNextElement(element) {
var el = element;
while (el = el.nextSibling) {
if (el.nodeType === 1) {
return el;
}
}
return null;
}
獲得上一個兄弟元素節點：
function getPrevElement(element) {
var el = element;
while (el = el.previousSibling) {
if (el.nodeType === 1) {
return el;
}
}
return null;
}
實作效果：
有如下兩兄弟標簽：
<div>div</div>
<span>span</span>
獲得下一個兄弟元素節點：
輸入：
var div = document.querySelector('div');
console.log(getNextElement(div));
輸出：
<span>span</span>
獲得上一個兄弟元素節點：
輸入：
var span = document.querySelector('span');
console.log(getPrevElement(span));
輸出：
<div>div</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/164803.html
標籤：JavaScript
下一篇：JavaScript動態生成表格