Как выделить селектор?

Question

[lagudal]

Проблема в следующем.
На странице используется чат, вот этот - (подождать 5 секунд, в правом нижнем углу появится кнопка).
Если открыть окно чата, в его правом уже верхнем углу есть кнопка закрыть(см. скриншот)
Вот как у этой кнопки выделить селектор? не по классу, классы там генерируются динамически и каждый день разные, поэтому не вариант. Считать какой там тридцать ...ый див по вложенности - тоже так себе идея.
Единственные постоянные селекторы, за которые там можно уцепиться, это див с data-test-id="userlike-container" и фрейм с title="Messenger".
В принципе, мне надо повесить дополнительный обработчик на эту кнопку, поэтому думаю что единственный вариант отследить с js первую по порядку кнопку в этом дереве. Поскольку там дальше еще ряд кнопок присутствует. Поэтому у меня пока получается по клику на любую из этих кнопок срабатывает событие.
Есть идеи?

Answer 1

[Александр Талалаев]

Пффф, легко.
Берём вычисляем свгешку, и родитель родителя.
Да не супер надёжно, но работает) Можно ещё доработать специфичность.

document.querySelector('[d="M5.293 8.293a1 1 0 0 1 1.414 0L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 0-1.414Z"]').parentElement.parentElement;

Comments

[lagudal]

понятно. Да, можно и так - но я пока сделал выборку из фрейма querySelectorAll('button') и первый элемент из массива. Чуть лаконичнее получается. Посмотрим, что будет надежнее то и буду использовать.