QuerySelectorall возвращает пустой результат ⇐ CSS

[Anonymous]

Я работаю с виджетами, которые генерируют HTML и CSS с использованием кода Vue.js. Я хочу изменить значения класса CSS после рендеринга, так как я не могу переписать библиотеку, которую я использую. < /P>
Виджеты выглядят так: < /p>

Код: Выделить всё

< /code>
Результат выглядит так: < /p>

.css-var-declare .container {
/* some css */
}





< /code>
Я попробовал следующее в нескольких вариациях: < /p>
document.addEventListener('DOMContentLoaded', () => setPadding())

function setPadding () {
const iaContainers = document.querySelectorAll('#ia-container')
console.log(iaContainers, 'hier')
if (iaContainers !== null) {
for (let i = 0; i < iaContainers.length; i++) {
const div = iaContainer[i]
div.style.padding = '1em'
}
}
}

Результатом журнала консоли является пустой Nodelist []
Я попытался нацеливаться на элементы с помощью document.getelementsbyclassname . < /p>
Это перенаправило пустую htmlcollection < /p>
Любые идеи высоко ценится. Заранее спасибо

Подробнее здесь: https://stackoverflow.com/questions/794 ... pty-result