JavaScript JavaScript and the DOM Getting a Handle on the DOM Using CSS Queries to Select Page Elements

jordansangalang
jordansangalang
5,042 Points

Why are brackets needed in document.querySelector('[title=label]') ?

Mark 2:32 he says to search an html element by searching for the title attribute 'label.' In this scenario, square brackets [ ] are needed. Why are brackets needed in this example, but not in the others?

1 Answer

Jimmy Crandall
Jimmy Crandall
23,117 Points

The square brackets are required in this example because Document.querySelector() finds an HTML Element based on a CSS selector.

This specific example uses an Attribute Selector. The CSS syntax for an Attribute Selector requires you to use square brackets as follows:

[attr=val]
/* Represents elements with an attribute name of `attr` whose value is exactly `val`. */

Hope this helps! Those MDN docs on all the topics that I have linked are full of great info.