獲取元素 節點關係

2022-06-12 20:27:13 字數 882 閱讀 7194

1

點我2

1

//獲取父節點

2 window.onload = function

(ev)

1

//獲取兄弟節點

2var span = document.getelementbyid('span');3//

下乙個4

var nextele = span.nextelementsibling ||span.nextsibling;

5console.log(nextele);67

//上乙個

8var preele = span.previouselementsibling ||span.previoussibling;

9 console.log(preele);

1

var box = document.getelementbyid('box');2//

獲取第乙個子節點

3 console.log(box.firstelementchild ||box.firstchild);4//

獲取最後乙個子節點

5 console.log(box.lastelementchild ||box.lastchild);6//

獲取所有的節點

7console.log(box.childnodes); //相容所有

8 console.log(box.children); //有相容問題

window.onload = function

(ev)

});console.log(newlistarr);

}

jquery獲取元素所有關係節點

jquery.prev 返回上乙個兄弟節點,不是所有的兄弟節點 jquery.prevall 返回所有之前的兄弟節點陣列 jquery.next 返回下乙個兄弟節點,不是所有的兄弟節點 jquery.nextall 返回所有之後的兄弟節點陣列 jquery.siblings 返回兄弟姐妹節點陣列,不...

獲取元素,獲取節點詳解

描述家庭族譜圖,只要我們獲得乙個元素,就可以通過很多的屬性或者方法找到頁面中的任何乙個元素 一 獲取元素的常用的8個方法 1 document.getelementbyid 1 id重複了,只獲取第乙個 2.ie6 7下不區分id大小寫 3.ie6 7下把表單元素name當作id使用 4.內嵌式引入...

jQuery 獲取節點元素

祖先 parent 獲取元素的直接父元素 parents 獲取元素的所有祖先元素 parentuntil 獲取介於兩個給定元素之間的所有祖先元素,不包括指定的元素 後代 children 獲取指定元素所有直接子元素 僅兒子輩 結果是乙個類陣列 children i 獲取指定元素中所有為i的直接子元素...