使用getElementBy~和使用querySelectAll的區(qū)別:

看下最后生成的list有沒有受到新加數(shù)據(jù)的影響
list2獲取方式,得到的是生成的一個快照,展示數(shù)據(jù)在做修改的時候不是實時更新dom元素的狀態(tài),在使用list的獲取方式,對該數(shù)據(jù)進行修改會實時更新dom元素,頁面的狀態(tài)會實時改變,這樣會導致重排和重繪,會降低瀏覽器的性能
官方講解:


關于活動的和靜態(tài)的節(jié)點列表
list2獲取方式,得到的是生成的一個快照,展示數(shù)據(jù)在做修改的時候不是實時更新dom元素的狀態(tài),在使用list的獲取方式,對該數(shù)據(jù)進行修改會實時更新dom元素,頁面的狀態(tài)會實時改變,這樣會導致重排和重繪,會降低瀏覽器的性能