Javascriptでこれ知ってますか？直接idのvalue指定で表示変更？

https://developer.mozilla.org/ja/play
のサイトで偶然下記のようにjavascriptを入力したら
getElementById を使わなくても id 属性で要素を指定できる。
一般的な記述
HTML

<textarea name="textarea"  id="city" rows="5" cols="15">ここに何か書いてください</textarea>

Javascript

const cityx = document.getElementById("city")
cityx.value = "新たなデータ"

を

city.value = "新たなデータ"

だけで表示された！！

参考サイト：
https://mseeeen.msen.jp/elements-can-be-referenced-without-using-getelementbyid/