Как получить родителя и добавить ему класс JS?

Question

[aheles]

Как получить родительский элемент и задать ему класс?
попробовал так, но пишет Uncaught TypeError: Cannot read properties of null (reading 'parentNode')

var element_child = document.getElementById('catalog');
var element_parent = element_child.parentNode;
element_parent.setAAttribute('class', 'unset-styles');

Сама верстка такого вида:

<div class="catalog-wrapper">
           <div class="catalog" id="catalog"> </div>
</div>

Нужно получить catalog-wrapper через дочерний #catalog и добавить ему класс unset-styles через ванильный js, jquery не предлагать

Comments

[aheles]

Вообщем проблема была в том что контент генерировался после js и parentNode не видел элемента. Поставил загрузку скрипта после загрузки страницы полностью и заработало

Answer 1

[true]

проще делать так:

элемент.className = 'unset-styles'

Answer 2

[FrelFrloich]

const parentF = document.querySelector('.block-container')
const childF = document.querySelector('.block')

const parent1 = childF.parentNode
const parent2 = childF.closest('.block-container')
const parent3 = childF.parentElement

console.log(parent1, parent2, parent3)

Можно пойти и в обратную, если у родителя есть потомок с таким то класом