JavaScript: Difference Between GetElementByID and QuerySelector (opens in new tab)

(kiru.io)

4 pointskiru_io2y ago3 comments

3 comments

3 comments · 1 top-level

65102y ago· 2 in thread

Interesting difference but why is querySelector(`#${CSS.escape(id)}`) better?

I would prefer to use valid id's but also, when selecting by id I just use getElementByID?

You could also use querySelectorAll(id) and have more than one element with the same id. It doesn't seem like a good idea.

kiru_ioOP2y ago

> Interesting difference but why is querySelector(`#${CSS.escape(id)}`) better?

The linked SO[0] link answers the question: Basically, you can have an id starting with a number, but have to escape them correctly.

I was mostly surprised to learn there is a difference between CSS selectors and the querySelector in Javascript.

65102y ago

I'm mostly surprised we have different rules for id's in html5 and css.

That you can hack something up that will accept numbers is no surprise. You could use getAttribute or xpath, I'm sure those will accept numbers too.

j / k navigate · click thread line to collapse