ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## DOM的映射机制 页面中的html结构和我们通过js获得集合是紧紧绑定在一起的,是动态的,一个变另外也跟着变 DOM映射的机制:页面中的【标签】和JS中获取到的元素对象(元素集合)是紧紧的绑定在一起的,页面中的HTML结构改变了,JS中不需要重新获取,集合里面的内容页会跟着自动改变。 比如你增删一个li,li的集合oList的length会自动维护 ![](https://box.kancloud.cn/bdca3ba6a083f886cdb98d808f58cc12_1379x362.png) 并不会另追加5个新的li,而是把原来的作为追加过去 ![](https://box.kancloud.cn/518c3501eff069fc48da5fb815c7a524_1879x584.png) >注意:通过querySelector[All]获取到的的集合是静态的,不存在DOM映射机制 ### DOM映射机制的几种形式 - .lengt - oLis[n] - oLis[n].style.background='red'