document.getElementsByClassName vs querySelector

[Andy_kun]

Подскажите пожалуйста, что я делаю неправильно ?

let my_ID_elem    = ".sc-AxjAm bcMPWx";
let my_ID_elem_  = "sc-AxjAm bcMPWx";

let my_elem      = document.querySelectorAll(my_ID_elem);
let my_elem__      = document.querySelector(my_ID_elem);

let my_elem_    = document.getElementsByClassName(my_ID_elem_);

console.log(my_elem.length);
console.log(my_elem_.length);

console.log(my_elem__);

Сам элемент выглядит так:

<div class="sc-AxjAm bcMPWx" style="right: 52px; bottom: 24px;">
......
</div>

Однако:
-getElementsByClassName - выдает 1 элемент.
-querySelector - возвращает элемент.
-а querySelectorAll возвращает 0.

Почему так ?

[Alexandroppolus]

что я делаю неправильно ?

не используешь реактовский ref

[рони]

Andy_kun,

let my_ID_elem    = ".sc-AxjAm.bcMPWx";

[Andy_kun]

let my_ID_elem    = ".sc-AxjAm.bcMPWx";

Спасибо!