Renat Grishin

Лично я входил в изучение DOM до того как начал втыкать в ООП.
Очень много задач в проектах при работе с DOM были достаточно простыми. можешь начинать с простых задач, там добавление элементов по клику, потом слайдер напиши, и так далее. Там и выученные знания от практикуешь. Ну и со всякими нюансами столкнешься.

И да, нужно понимать HTML разметку.

// Обращаем внимание на селектор по которому мы будем искать картинку, например это будет class="gift"
<div class="gift" style="background-image: url(//img2.reactor.cc/pics/post/full/Diona-%28Genshin-Impact%29-Genshin-Impact-%D1%84%D1%8D%D0%BD%D0%B4%D0%BE%D0%BC%D1%8B-nyaruin-6451680.png); " aria-label="null"><img src="/mres/img6/t.gif" width="24" class="gift-control" height="24"></div>

// Ищем элемент по классу gift и получаем у него css свойство background-image
const elemLink = document.querySelector(".gift").style.backgroundImage.slice(7,-2);

// Далее делаем с этой ссылкой что хотим, например выводим в консоль
console.log(elemLink);