原文:js通過類名選取dom,HTMLCollection的length為0且操作不了

犯了一個低級的錯誤,想改一個老舊項目的dom。 結果用JQ和原生JS獲取后,原生JS獲取的HTMLCollection在console能看到length也有值,但就是操作不了 困擾了我大半天,最后查到是這么個原因: js執行過快,dom節點還沒生成就已經執行完了,所以選不到dom JQ的顯示是正確的 解決方法: 延時器。這個是有bug的,因為不知道頁面何時渲染完 defer屬性。很遺憾js的引入也 ...

2020-03-20 16:12 0 1199 推薦指數:

查看詳情

原生jsdom添加或刪除

方法一: DOM.setAttribute("class", "")DOM.removeAttribute("class", "") 方法二: DOM.classList.add(''); //添加DOM.classList.remove(''); //刪除 ...

Tue Jul 20 21:32:00 CST 2021 0 172
DOM中的NodeList與HTMLCollection

  最近在看《Javascript高級程序設計》的時候,看到了這樣一句話:“理解NodeList和HTMLCollection,是從整體上透徹理解DOM的關鍵所在。”,所以覺得應該寫一篇關於NodeList和HTMLCollection的博客來好好了解和總結下這方面的知識點 ...

Sat Nov 07 04:13:00 CST 2015 0 4837
JS選取DOM元素的方法

JS選取DOM元素的方法 注意:原生JS選取DOM元素比使用jQuery類庫選取要快很多 1、通過ID選取元素 document.getElementById('myid'); 2、通過CLASS選取元素 document.getElementsByClassName('myclass ...

Thu Oct 26 23:30:00 CST 2017 0 5103
JS選取DOM元素的方法

JS選取DOM元素的方法注意:原生JS選取DOM元素比使用jQuery類庫選取要快很多1、通過ID選取元素document.getElementById('myid');2、通過CLASS選取元素document.getElementsByClassName('myclass ...

Fri Dec 20 17:50:00 CST 2019 0 900
js class操作

原生JS添加 刪除 為 <div> 元素添加 class: document.getElementById("myDIV").classList.add("mystyle"); 為 <div> 元素添加多個 ...

Tue Apr 24 00:32:00 CST 2018 0 1824
原生js操作

為 <div> 元素添加 class: document.getElementById("myDIV").classList.add("mystyle"); 為 <div> 元素添加多個: document.getElementById("myDIV ...

Thu Aug 08 22:47:00 CST 2019 0 403
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM