querySelector vs. getElementById

[Gunnar Bittersmann]

@@TS

Was ist denn da eigentlich der Unterschied
[von document.querySelector("#ausgabe").innerHTML]
zu document.getElementById('ausgabe').innerHTML?

Über einen Unterschied bin ich noch gestolpert:

<div id="42"></div>

document.getElementById('42'); // "<div id='42'></div>"

document.querySelector('#42'); // SyntaxError: '#42' is not a valid selector

Stimmt, das ist es nicht. Die 4 muss escapet werden:

document.querySelector('#\34 2'); // SyntaxError: '# 2' is not a valid selector

Häh? WTF? document.querySelector() erwartet als Argument einen Selektor, aber Escapes sind nicht erlaubt? Oder sind erlaubt, werden aber von Browsern nicht richtig aufgelöst?

Wie krieg ich das Element dann mit document.querySelector() angesprochen?

LLAP 🖖