Aktion nach Start eines Audio-Elements
bearbeitet von
@@Tabellenkalk
> Aber für vorliegendes Problem scheint CSS doch irrelevant, oder? Die Ids werden doch nur im JS angesprochen. Wie siehts da mit den Ziffern aus?
JavaScript hat damit überhaupt kein Problem – `document.getElementById('1823-audio')` etc. funktioniert bestens. [IDs beginning with digits; getElementById](https://codepen.io/gunnarbittersmann/pen/vYKrRLy?editors=0010)
Aber ja, ich hatte nicht genau formuliert. Das Problem tritt bei den **Selektoren** auf – welche in CSS verwendet werden; aber in JavaScript bei `document.querySelector`. Auch dort muss der Kontextwechsel beachtet und die erste Ziffer escapet werden: `1` → `\31 `.
Und wie bereits angesprochen, findet ein weiterer Kontextwechsel statt, wenn das in JavaScript gebracht wird. Dann muss auch das `\` escapet werden: `\31 ` → `\\31 `. Und dann funktioniert das auch: [IDs beginning with digits; querySelector](https://codepen.io/gunnarbittersmann/pen/PozaRwj?editors=0010)
😷 LLAP
--
*„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“* —@Ann_Waeltin
Aktion nach Start eines Audio-Elements
bearbeitet von
@@Tabellenkalk
> Aber für vorliegendes Problem scheint CSS doch irrelevant, oder? Die Ids werden doch nur im JS angesprochen. Wie siehts da mit den Ziffern aus?
JavaScript hat damit überhaupt kein Problem – `document.getElementById('1823-audio')` etc. funktioniert bestens. [IDs beginning with digits; getElementById](https://codepen.io/gunnarbittersmann/pen/vYKrRLy?editors=0010)
Aber ja, ich hatte nicht genau formuliert. Das Problem tritt bei den **Selektoren** auf – welche in CSS verwendet werden; aber in JavaScript bei `document.querySelector`. Auch dort muss der Kontextwechsel beachtet und die erste Ziffer escapet werden: `1` → `\31 `.
Und wie bereits angesprochen, findet ein weiterer Kontextwechsel statt, wenn das in JavaScript gebracht wird. Dann muss auch das `\` escapet werden: `\31 ` -> `\\31 `. Und dann funktioniert das auch: [IDs beginning with digits; querySelector](https://codepen.io/gunnarbittersmann/pen/PozaRwj?editors=0010)
😷 LLAP
--
*„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“* —@Ann_Waeltin