js兄弟節點

- 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節點型別 ...