Как проверить содержание подменю?

Подскажите, как проверить есть ли у меню подменю? Моя задумка простая: если у элемента li внутри есть элемент ul, значит подменю содержится и родителю нужно задать класс.

<nav class="header__nav">
      <ul class="header__menu">
        <li><a href="#">Home</a></li>
        <li><a href="#">Catalog</a>
          <ul class="header__submenu">
            <li>1</li>
            <li>2</li>
          </ul>
        </li>
        <li><a href="#">About</a></li>
        <li><a href="#">Blog</a>
          <ul class="header__submenu">
            <li>1</li>
            <li>2</li>
          </ul>
        </li>
        <li><a href="#">Contact</a></li>
      </ul>
    </nav>

Но как это реализовать на js никак не пойму. Вариант 1:

const menu = document.querySelector('.header__menu').children;
for (let item of menu) {
  if (item.contains("UL")) {
    console.log('hi');
  }
}

Тут получаю ошибку, что первый параметр contains не Node. Я не пойму, как передать 1 параметр в contains так, чтобы это был Node?

2 вариант:

for (let item of menu) {
  for (let i = 0; i < item.childNodes.length; i++) {
    if (item.childNodes[i] == 'LI') {
      console.log('hi');
    }
  }
}

Тоже не понятно как проверить) Подскажите, как правильно делать данную проверку?