講解DOM節點的獲取

2021-09-26 12:00:02 字數 624 閱讀 5556

獲取第⼀個⼦節點

firstchild 有可能會匹配到是空⽩或換⾏的節點資訊

firstelementchild 不會匹配空⽩或換⾏的節點資訊(獲取到的

是元素節點,不會獲取到⽂本節點)

獲取最後⼀個⼦節點

lastchild 有可能會匹配到是空⽩或換⾏的節點資訊

lastelementchild 不會匹配空⽩或換⾏的節點資訊(獲取到的

是元素節點,不會獲取到⽂本節點)

獲取兄弟節點

previoussibling和previouselementsibling 獲取上⼀個兄弟

節點previoussibling 有可能會匹配到是空⽩或換⾏的節點資訊

previouselementsibling 不會匹配空⽩或換⾏的節點資訊

(獲取到的是元素節點,不會獲取到⽂本節點)

nextsibling和nextelementsibling 獲取下⼀個兄弟節點

nextsibling 有可能會匹配到是空⽩或換⾏的節點資訊

nextelementsibling 不會匹配空⽩或換⾏的節點資訊(獲取

到的是元素節點,不會獲取到⽂本節點)

在這裡插入**片

獲取DOM節點

getelementbyid 通過id獲取標籤元素 getelementsbyname 通過標籤名獲取標籤元素 getelementsbytagname index 通過標籤名獲取標籤元素集合 getattribute 獲取屬性值 getelementsbyclassname 通過class獲取一組...

JS獲取DOM節點

父節點id為target,有兩個字節點,獲取target下所有字節點 const childrens document.getelementbyid target getelementtagname div 得出的childrens是乙個陣列,陣列中的元素是target下的子節點。childnode...

Dom 獲取節點方法

元素節點 html標籤 img body input div 文字節點 文字部分 屬性節點 標籤內的屬性 注釋節點 1.document 頁面中最大的節點,有且只有乙個。不屬於元素節點,是頁面中所有節點的容器。根節點。2.html 頁面中最大的元素節點。根元素節點。3.元素節點 html標籤 4.文...