dom知識點(diǎn)

獲取:
動態(tài)集合:document.getElementsByTagName()--HTMLCollection / document.childNodes
靜態(tài)集合:document.querySelectorAll()---NodeList
區(qū)別:
動態(tài)集合會隨著dom元素的增加刪除而變化
靜態(tài)集合不會(但是如果dom元素中的內(nèi)容發(fā)生變化會跟著變化,只不過在增加刪除dom節(jié)點(diǎn)方面不會發(fā)生變化)
原因:靜態(tài)集合是對dom節(jié)點(diǎn)的克隆而形成的一個對象,而動態(tài)集合對象是一個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ù)組方法:

  1. Array.prototype.slice.call(array-like)
  2. Array.from(array-like, [mapfn], [thisArg])
  3. ...array-like
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ??DOM(文檔對象模型)是針對 HTML 和 XML 文檔的一個 API(應(yīng)用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,858評論 0 7
  • DOM IE中的所有DOM對象都是以COM對象的形式實(shí)現(xiàn)的。 節(jié)點(diǎn)層次 DOM可以將任何HTML或XML文檔描繪成...
    EdmundChen閱讀 1,585評論 1 1
  • 基本概念 DOM DOM 是 JavaScript 操作網(wǎng)頁的接口,全稱為“文檔對象模型”(Document Ob...
    許先生__閱讀 929評論 0 1
  • DOM(文檔對象模型)是針對HTML和XML文檔的一個API,描繪了一個層次化的節(jié)點(diǎn)樹,允許我們添加、移除和修改頁...
    養(yǎng)了個喵閱讀 502評論 0 0
  • DOM DOM( Document Object Model),文檔對象模型,DOM可以以一種獨(dú)立于平臺和語言的方...
    WANG_M閱讀 237評論 0 0

友情鏈接更多精彩內(nèi)容