DOM 01 DOM訪問關係 節點的獲得

2021-09-13 03:07:18 字數 1084 閱讀 9401

父節點 兄弟節點 單個節點 ie指的是ie 6 7 8

1、獲取父節點

element.parentnode;

2、獲取兄弟點

2.1獲取上乙個兄弟節點

ie:element.nextsibling

其他:element.previouselementsibing

總結:var prev = element.previouselementsibing || element.previoutssibling

**2.2獲得下乙個兄弟節點** 

ie:element.nextsibling

其他:nextelementsibing

總結: var next= element.nextelementsibing || element.nextsibling

![獲取下乙個兄弟節點(

**3、獲得第一節點**

ie:firstchild

其他: firstelementchild

總結:第乙個子節點 = 父節點 firstelementchlid || 父節點.firstchild

**4、獲得最後乙個節點**

ie:lastchild

其他:lastelementchild

總結: 最後乙個子節點 = 父節點 lastelementchlid || 父節點.lastchild

**5、所有子節點**

childnodes 它是標準屬性 會返回指定元素的子元素集合 包括html節點 所有的屬性 文字節點

nodetype == 1 標籤 元素節點

nodetype == 2 屬性節點

nodetype == 3 文字節點

獲取所有的子節點 父節點.childnode;

**

**補充

6、根據當前的元素節點獲取到任意的兄弟節點

先根據自己的獲取到父節點 在從父節點獲取多有的子節點

element.presentnode.children[index];

DOM 訪問節點

dom 是這樣規定的 整個文件是乙個文件節點每個 html 標籤是乙個元素節點包含在 html 元素中的文字是文字節點每乙個 html 屬性是乙個屬性節點注釋屬於注釋節點 通過是使用getelementbyid 和 getelementsbytagname 方法 通過使用乙個元素節點的 parent...

DOM資料之節點之間的訪問關係

dom 訪問關係 節點的獲得 節點的訪問關係,是以屬性的方式存在的。dom的節點並不是孤立的,因此可以通過dom節點之間的相對關係對它們進行訪問。父節點 parentnode 呼叫者就是節點。乙個節點只有乙個父節點。呼叫方式就是節點.parentnode.兄弟節點 nextsibling 下乙個節點...

訪問受控的dom節點

要訪問受react控制的dom節點 即父元件訪問子元件 利用子元件的ref屬性,從而獲得子元件的引用 注意 1 ref的值是唯一的 2 通過this.refs訪問的節點為v dom節點,不能直接操作 要讓訪問的v dom變成可操作 finddomnode方法 是reactdom模組的方法,主要用於根...