自定义元素的响应是否与标准元素不同;尤其是关于DOM查找

Do custom elements respond differently from standard elements; especially regarding DOM lookups?

本文关键字：元素 尤其是 DOM 查找 响应 是否 标准 自定义      更新时间：2023-09-26

请建议：解释为什么这是一个糟糕的问题，不建议SO回答。
我会欣然接受理性并相应删除

<!-- HTML5 -->
<someelement>foobar</someelement>
<div class="someelement">foobar</div>

我不在一个可以测试的地方，但我通常很好奇以下哪项会更快，结果是否一致。此外，虽然一个人可以执行jsperf，但我怀疑这个答案适合SO，因为浏览器如何实现其渲染/DOM创建算法可能有很好的(额外的(推理。最后，如果有人问我这个问题，我很抱歉——我看了看，发现很相似，但找不到。

哪种香草更快也许一个不起作用
document.getElementsByTagName('someelement')与document.getElementsByClassName('someelement')

哪个jQuery会更快(预计与上述内容相同(
$('someelement')与$('.someelement')

http://jsperf.com/custom-elements-vs-classes

  • VanillaJS更喜欢TagName查找
    注意：getElementsByClassName在一些较旧的浏览器中可能不受支持

  • jQuery更喜欢ClassName查找
    评论：考虑到VJS的结果，这有点令人惊讶

没有太大的区别。一个比另一个快，但在没有进行任何统计分析的情况下，这两个数字似乎相对接近。

尽管这个问题受到了负面的关注，但我终于有时间创建了一个快速测试——仍然不确定我是否设置正确。也就是说，在移动设备上这样做并不容易，这也是我最初提出这个问题的原因之一。

相关文章：