Добавление класса CSS к изображению с помощью Javascript

#javascript

Вопрос:

Я использую этот фрагмент кода javascript для добавления CSS-класса «азиз» к первому изображению на странице. Я не знаю почему, но класс CSS добавляется после взаимодействия с пользователем. Я добавил этот скрипт в заголовок своего сайта. Есть ли у кого-нибудь идеи, как я могу это исправить?

 <script>
document.querySelector('.attachment-large,.size-large').classList.add('aziz')
</script> 

Спасибо

Комментарии:

1. Вы подождали, пока загрузится dom? Возможно, этого элемента еще не существует.

2. «Я добавил этот скрипт в заголовок своего сайта» Нет, вы этого не сделали. У вас какая-то ленивая нагрузка на этот скрипт: <script data-minify="1" data-type="lazy" data-src="..."></script> . Он загружается только при взаимодействии с пользователем/перемещении мыши