Как получить элемент по селектору из переменной?

Для получения элемента по селектору из переменной в JavaScript, необходимо использовать методы DOM (Document Object Model) для поиска элемента в объекте Document или внутри другого элемента.

Существует несколько способов выполнить эту задачу:

1. Использование метода querySelector():

   let container = document.querySelector('.container');
   let element = container.querySelector('.element');

В данном примере, мы ищем элемент с классом "container" используя querySelector() метод, затем с помощью метода querySelector() ищем внутри найденного элемента элемент с классом "element".

2. Использование метода getElementById():

   let container = document.getElementById('container');
   let element = container.querySelector('.element');

В данном примере, мы ищем элемент с идентификатором "container" используя getElementById() метод, затем с помощью метода querySelector() ищем внутри найденного элемента элемент с классом "element".

3. Использование метода getElementsByClassName():

   let container = document.getElementsByClassName('container')[0];
   let element = container.querySelector('.element');

В данном примере, мы ищем все элементы с классом "container" используя getElementsByClassName() метод, затем выбираем первый найденный элемент [0] и с помощью метода querySelector() ищем внутри найденного элемента элемент с классом "element".

4. Использование метода getElementsByTagName():

   let container = document.getElementsByTagName('div')[0];
   let element = container.querySelector('.element');

В данном примере, мы ищем все элементы div используя getElementsByTagName() метод, затем выбираем первый найденный элемент [0] и с помощью метода querySelector() ищем внутри найденного элемента элемент с классом "element".

5. Использование метода querySelectorAll():

   let container = document.querySelectorAll('.container')[0];
   let element = container.querySelector('.element');

В данном примере, мы ищем все элементы с классом "container" используя querySelectorAll() метод, затем выбираем первый найденный элемент [0] и с помощью метода querySelector() ищем внутри найденного элемента элемент с классом "element".

Выбор метода зависит от структуры HTML и вашего предпочтения. Во всех приведенных примерах мы ищем элемент с классом "element" внутри элемента, который был найден с помощью предыдущего метода.

Надеюсь, это помогло вам!