DevToolsにおける無効なid属性のセレクタの扱い
以下のような(idが数値から始まっている)無効なid属性を含むページがあるとします。
<div id="1">HELLO</div>
このページ内でChrome DevToolsを起動して「Elements」→「Copy CSS Path」で要素のセレクタを抽出してみると #\31
という値がコピーされました。
試しにこの値を使って要素を参照してみるとエラーになります。
> document.querySelector('#\31')
✗ Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#' is not a valid selector.
もともと無効な属性を指定しているため意図しない動作であることは想像できるのですが、この場合に抽出されたセレクタ値 #\31
は意味のある値なのでしょうか?