Which method is faster to select body element?

Question

What is better to use for performance in JavaScript?

document.children[0].children[1]

vs

document.querySelector('body')

Which is more faster in performance?

I'd say `document.body`, but it really doesn't matter, you'll never notice the difference — adeneo, Jan 12 '16 at 13:33

CoderPi · Answer 1 · 2021-01-20T15:22:35.693

33

Here you've the result from fast to slow:

document.body (by far)
document.querySelector('body'), document.children[0].children[1], document.getElementsByTagName('body')[0] (about the same)
document.querySelectorAll("body")[0], $('body')

Source JSBench (try it yourself)

edited Jan 20 '21 at 15:22

answered Jan 12 '16 at 13:39

CoderPi

And what about the JQuery notation `$('body')` is this fast or not? – H. Pauwelyn Jan 23 '16 at 12:34
3

@Luïs almost as slow as `querySelectorAll` (I updated the test) – CoderPi Jan 23 '16 at 13:04

1 Answers1