gpt4 book ai didi

javascript - querySelector 是如何工作的?

转载 作者:数据小太阳 更新时间:2023-10-29 03:52:01 25 4
gpt4 key购买 nike

<分区>

每个人都知道像 document.getElementByID(...)document.querySelector(...) 这样的 DOM 选择器是做什么的,以及如何将它与类一起使用,属性、id等。

但我无法找到它是如何在引擎盖下工作的(我可以找到 perf test comparisons 但我对理论感兴趣)。我知道 html 页面已加载,由浏览器解析并构建了 DOM 树。但是每个选择器是如何遍历DOM树来寻找元素的。

我看过一个 spec for parsing algorithm阅读真的很好explanation how Browsers work ,但它也很好地解释了 HTML、CSS 解析和渲染流程,它没有解释每个选择器如何遍历这棵树以找到元素。

我假设为了找到像 .blackspan 这样的东西,它需要遍历整个树,但要找到 #id它可能正在遍历一些额外的数据结构,从而使其更快。请不要写下您的假设,我正在寻找具体的知识,以支持某些浏览器中的规范或实现。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com