Javascript + queryselector support with all special characters with classname

Question

Generally when using query selector in javascript we do like this,

ABCD
var className = \'abcd\';
         


        

Answer 1

You can escape it using two backslashes (\\) in your js string (it'll be evaluated as \ and finally interpreted as an escape character by CSS parser).

var className = 'abcd\\/efgh';
var x = document.querySelector('.' + className);
console.log(x);

ABCD

Source