in javascript dom, ci sono regole per attribuire nomi?

Question

per i meta dati sulla pagina utilizzando nomi degli attributi come table:rowNum:<name>, ad esempio,

 
var row = document.createElement('tr'); 
row.setAttribute('tup','emp:1'); 
row.setAttribute('emp:1:pkid','123'); 

hanno utilizzato nomi delimitati da due punti (ad esempio, name='emp:1:emp_id') per anni con buon successo, ma oggi ha ottenuto po 'con i nomi degli attributi delimitato da due punti

in particolare:

 
var el2 = row.parentNode.querySelector("[emp:1:pkid]"); 
=> `Error: SYNTAX_ERR: DOM Exception 12` 

sono caratteri speciali come ':' illegale in dom attribuiscono nomi? caratteri speciali possono essere sfuggiti per funzionare con querySelector()?

---

dalla console chrome:

 
> row.parentNode.querySelector('[emp:1:pkid]'); 
Error: SYNTAX_ERR: DOM Exception 12 

come da James (sotto):

 
> row.parentNode.querySelector('[emp\\:1\\:pkid]'); 
123 

ma il problema - non funziona con getAttribute - pia

 
> row.getAttribute('emp:1:pkid'); 
123 
> row.getAttribute('emp\\:1\\:pkid'); 
null 

Answer 1

Sembra che puoi sfuggire ai personaggi speciali con un doppio backslash:

var el2 = element.querySelector("[emp\\:1\\:update]"); 

Credo che il problema è a che fare con il fatto che i due punti normalmente indica un elemento pseudo.

Secondo lo WHATWG spec, qualsiasi carattere eccetto quelli che cambierebbero il contesto (ad esempio un carattere uguale, come quello che specifica l'inizio del valore o un carattere maggiore di quello che specifica la fine del tag). Su questa base, va bene usare i due punti nei nomi degli attributi.

Aggiornamento (sulla base di commenti su risposta e aggiornamenti su domanda)

di utilizzare una variabile sia con querySelector e getAttribute, si potrebbe fare qualcosa di simile, o si può solo memorizzare la versione con caratteri di escape, e uno senza (che sarebbe sicuramente la mia opzione preferita):

var s = "emp\\:1\\:update"; 
console.log(row.getAttribute(s.replace(/\\/g, "")));