獲人鳌:
動(dòng)態(tài)集合:document.getElementsByTagName()--HTMLCollection / document.childNodes
靜態(tài)集合:document.querySelectorAll()---NodeList
區(qū)別:
動(dòng)態(tài)集合會(huì)隨著dom元素的增加刪除而變化
靜態(tài)集合不會(huì)(但是如果dom元素中的內(nèi)容發(fā)生變化會(huì)跟著變化嫉父,只不過在增加刪除dom節(jié)點(diǎn)方面不會(huì)發(fā)生變化)
原因:靜態(tài)集合是對(duì)dom節(jié)點(diǎn)的克隆而形成的一個(gè)對(duì)象氓英,而動(dòng)態(tài)集合對(duì)象是一個(gè)dom節(jié)點(diǎn)的索引
擴(kuò)展:
類數(shù)組:NodeList(返回包含node節(jié)點(diǎn)的12中節(jié)點(diǎn)) / arguments / HTMLCollection(只返回元素節(jié)點(diǎn)) / NodedNameMap(屬性節(jié)點(diǎn)的集合)
類數(shù)組轉(zhuǎn)換成真正的數(shù)組方法:
- Array.prototype.slice.call(array-like)
- Array.from(array-like, [mapfn], [thisArg])
- ...array-like