Имеется объект следующего вида:
const main = {
template: {
content: document.querySelector('#template').content,
element: document.querySelector('#template').content.querySelector('.element')
}
}
У меня есть объект main
, в котором есть объект template
, в котором имеются два ключа content
и element
. Оба ключа выполняют поиск по селектору.
Вопрос, каким образом можно создать переиспользование кода и вместо полного обращения к селектору, указать переменную content
и использовать ее в качестве основного элемента, от которого будет идти поиск?
Проще говоря, я хочу чтобы ключ element
в объекте template
, мог ссылаться на ключ content
в объекте template
, и я мог получить доступ к его результату чтобы в дальнейшем от этого отталкиваться и таким образом переиспользовать код сделав его меньше и более гибким?
Свой результат я бы примерно хотел видеть в следующем варианте:
const main = {
template: {
content: document.querySelector('#template'),
element: main.template.content.querySelector('.element')
}
}