javascript - querySelectorAll invalid syntax - Stack Overflow

admin管理员组

文章数量:1353114

Try to execute this 2 code blocks in error console:

First one. Outputs NodeList.

var selector = "*[data-type=day][data-day='23']";
var a = document.querySelectorAll( selector );
alert( a );

Second one. Generates error.

var selector = "*[data-type=day][data-day=23]";
var a = document.querySelectorAll( selector );
alert( a );

Why data-type=day is ok syntax and data-day=23 is not? Should attribute values always be wrapped as data-type='day'?

Here is the exception, which raises in second case:

[Exception... "An invalid or illegal string was specified" code: "12" nsresult: "0x8053000c (SyntaxError)" ]

Try to execute this 2 code blocks in error console:

First one. Outputs NodeList.

var selector = "*[data-type=day][data-day='23']";
var a = document.querySelectorAll( selector );
alert( a );

Second one. Generates error.

var selector = "*[data-type=day][data-day=23]";
var a = document.querySelectorAll( selector );
alert( a );

Why data-type=day is ok syntax and data-day=23 is not? Should attribute values always be wrapped as data-type='day'?

Here is the exception, which raises in second case:

[Exception... "An invalid or illegal string was specified" code: "12" nsresult: "0x8053000c (SyntaxError)" ]

• javascript
• firefox
• css-selectors
• selectors-api

Share Improve this question Follow edited Oct 23, 2012 at 6:48 BoltClock 725k165165 gold badges1.4k1.4k silver badges1.4k1.4k bronze badges asked Oct 23, 2012 at 6:44 bhovhannesbhovhannes 5,68722 gold badges2828 silver badges3737 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

The browser is just following the specification which says:

Attribute values must be CSS identifiers or strings.

and on identifiers:

In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit…

So 23 (which starts with a digit) must expressed as a string:

Strings can either be written with double quotes or with single quotes

本文标签： javascriptquerySelectorAll invalid syntaxStack Overflow