我有一個頁面上有很多div,我需要實現一些JavaScript函數。有沒有辦法告訴瀏覽器通過例如id排序所有div,以便我可以快速找到一個元素。我通常不知道瀏覽器如何處理元素的搜索,是否有一些排序或不在主流瀏覽器firefox,chrome ,即?元素如何獲得索引?在html中元素的最快搜索
回答
瀏覽器創建一個名爲一樣DOM(文檔對象模型)結構的樹,例如根目錄是html標籤,然後是孩子,他們孩子的孩子等等。
有一些函數可以讓你訪問DOM並找到所需的元素。但是這是在瀏覽器的內部實現中完成的。您無法改變它如何處理頁面元素,只需使用瀏覽器的API來定位元素。
其實我的意思是排序他們,使搜索更快,而不是索引我現在糾正它 – TasostheGreat
取決於處理的複雜性,它可能是最快的只需使用瀏覽器的API定位元素即可。但是,如果你需要更多的東西,你應該用瀏覽器返回的元素來準備你自己的結構,並從這一點開始處理你的結構。這會增加開銷,但如果您對排序的元素進行了大量處理,則可能會變得更快。 –
當你說api你的意思是JavaScript? – TasostheGreat
我覺得jQuery將幫助你在這種情況下...
或簡單的JavaScript就可以的getElementById,或的getElementsByTagName
其實我的意思是排序他們,以便搜索更快,而不是索引我現在糾正它 – TasostheGreat
每個瀏覽器都已經在ID和類上使用了一個這樣的索引,以用於例如css。
您不應該擔心索引DOM,它已經完成並可以使用。
如果你想掛在元素上的事件,只是這樣做。通過使用'document.getElementById(id)或document.getElementsByClassName(class)(最後一個可能遇到IE問題)
實際上我的意思是對它們進行排序以便搜索更快,而不是索引我現在糾正它 – TasostheGreat
您已經對所有答案進行了相同的回覆。對元素進行排序*不會導致更快的搜索,瀏覽器已經實現了DOM API並以最快的方式查找元素。在HTML中排列元素的順序不會提高速度。 – Alex
- 1. 創建HTML元素的最快方法?
- 2. 搜索k個最近的元素
- 3. ArrayList中的搜索元素
- 4. 搜索LinkedList中的元素
- 5. 最快的搜索算法
- 6. Selenium - 在元素內搜索元素
- 7. 在某個值後搜索列表中的最小元素
- 8. 最快葉樹搜索
- 9. PHP:在HTML文檔中搜索特定元素
- 10. Watin:在元素的子元素中搜索
- 11. 基於元素字符串中的特定單詞搜索HTML元素
- 12. 元素內的Webdriver搜索
- 13. 在列表中搜索元素Python
- 14. 搜索在Chrome Inspect元素中消失
- 15. Drools中列表中的搜索元素
- 16. 如何搜索HTML列表中的元素?
- 17. 二叉搜索樹中K個最小元素的總和
- 18. 在Haskell中查找大元素的最小元素索引
- 19. 圖搜索的元素在jointJS
- 20. 在2個元素上的AJAX搜索
- 21. 搜索列表中的元素列表
- 22. 搜索列表中的元素
- 23. 如何搜索矢量中的元素?
- 24. 搜索數組中的元素
- 25. 搜索對象數組中的元素
- 26. 數組中的搜索元素
- 27. 如何搜索golang片中的元素
- 28. 搜索UIAElementArray中的文本/元素
- 29. 彙總和搜索流中的元素
- 30. 最快的SQL全文搜索
聽起來好像你需要實現jQuery。 –