Если надо выбрать элемент с, например,
id="test.data.stop"
через querySelector, то если написать
.querySelector('#test.data.stop')
то будет искаться блок с id="test" и классами data и stop, а не блок с нужным нам идентификатором.
Чтобы этого избежать надо вызывать с экранизацией
.querySelector('#test\\.data\\.stop')
Теперь все будет хорошо и найдется нужный блок.