- nextsibling: 下乙個兄弟節點
- previoussibling: 上乙個兄弟節點
- previouselementsibling: 上乙個兄弟元素節點
- nextelementsibling: 下乙個兄弟元素節點
"box"
>
這是乙個區域1
<
/div>
這是乙個區域2
<
/div>
"c3"
>這是乙個區域3
<
/div>
這是乙個區域4
<
/div>
這是乙個區域5
<
/div>
<
/div>
<
/body>
"../commons.js"
>
<
/script>
var c3 = document.
getelementbyid
('c3');
//下乙個兄弟節點
var nextsibling = c3.nextsibling;
//上乙個兄弟節點
var previoussibling = c3.previoussibling;
console.
log(nextsibling)
;//text,文字節點
console.
log(previoussibling)
;//text,文字節點
//上乙個兄弟元素, 相容問題
//var previouselementsibling = c3.previouselementsibling;
var nextelementsibling =
getnextelementsibling
(c3)
;//下乙個兄弟元素, 相容問題
//var nextelementsibling = c3.nextelementsibling;
var previouselementsibling =
getpreviouselementsibling
(c3)
; console.
log(nextelementsibling)
;//div 4, 元素節點
console.
log(previouselementsibling)
;//div 2, 元素節點
<
/script>
/*獲取上乙個兄弟元素節點*/
function
getpreviouselementsibling
(element)
}return
null
;//沒有上乙個兄弟節點返回null
}/*獲取下乙個兄弟元素節點*/
function
getnextelementsibling
(element)
}return
null
;//沒有下乙個兄弟節點返回null
}
JS獲取父節點 子節點 兄弟節點
1 訪問父節點 parentnode node 型別,返回指定節點的父節點,如果指定節點沒有父節點,則返回 null box hello hello world p div var hello document.getelementbyid hello console.log hello.paren...
JS獲取子節點 父節點和兄弟節點
js獲取父節點 js獲取兄弟節點 var a document.getelementbyid test getelementsbytagname div 陣列格式,不包含換行和空格 var getfirstchild document.getelementbyid test children 0 陣...
038JS 父子兄弟節點
doctype html en utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge document title head 一般地節點至少擁有nodetype節點型別 ...