Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /dom/nodes/ParentNode-querySelector-hyphen-prefix.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>Hyphen prefix in class/ID selectors</title>
<meta charset="utf-8">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id="-abc" class="-xyz"></div>
<script>
"use strict";
test(() => {
const element = document.querySelector("#-abc");
assert_not_equals(element, null);
}, "ID selector with hyphen-prefix followed by letters");
test(() => {
const element = document.querySelector(".-xyz");
assert_not_equals(element, null);
}, "Class selector with hyphen-prefix followed by letters");
test(() => {
assert_throws_dom("SyntaxError", () => {
document.querySelector("#-123");
});
}, "ID selector with hyphen-prefix followed by numbers");
test(() => {
assert_throws_dom("SyntaxError", () => {
document.querySelector(".-123");
});
}, "Class selector with hyphen-prefix followed by numbers");
</script>