How to implement an object with methods that could be called sequentially?

Question

JavaScript

How to implement a similar function

get.id("main").class("selector")[0].tag("span")[0];

instead of

document.getElementById("main").getElementsByClassName("selector")[0].getElementsByTagName("span")[0];

?
It seems to be simple, but I don’t fully understand how to do it somehow, but not call methods sequentially after (in this case) get . Thank you in advance for your help and I apologize for the "crooked" description of the problem .
get.id().get.class().get.tag()

Answer 1

https://learn.javascript.ru/task/chain-calls

Answer 2

Perhaps you should elaborate on the example, since what you want is easier to do like this:

var el = document.querySelector('#id .selector span:first-of-type')