Методом JS как создать HTMl тег в родителях с определенными классами?

Question

[Александр Янк]

Здравствуйте. Помогите решить задачу:

Мне надо во всех тегах, где есть класс "item-parent" создать div с классом "item-decor"

<ul>
        <li class="item-parent">
            <a href="#">О системе</a>

            <ul class="mob-submenu">
                <li><a href="#">Поисковая оптимизация</a></li>
                <li><a href="#">Контекстная реклама</a></li>
            </ul>
        </li>
        <li><a href="#">Контакты</a></li>
    </ul>

Я попытался сам решить задачу, однако, у меня ничего не вышло:

var tagDiv = '<div class="item-decor"></div>';
    var itemParent = document.getElementsByClassName('item-parent');
    itemParent.innerHTML = tagDiv;

На jQuery решения не предлагать (хотя они мне очень нравятся, но библиотеку ради этого действия подключать не хочу).

В итоге хотел бы получить:

<ul>
        <li class="item-parent">
            <a href="#">О системе</a>

            <ul class="mob-submenu">
                <li><a href="#">Поисковая оптимизация</a></li>
                <li><a href="#">Контекстная реклама</a></li>
            </ul>

            <div class="item-decor"></div>
        </li>
        <li><a href="#">Контакты</a></li>
    </ul>

Answer 1

[0xD34F]

document.querySelectorAll('.item-parent').forEach(n => {
  n.insertAdjacentHTML('beforeend', '<div class="item-decor"></div>');
});

или

for (const n of document.getElementsByClassName('item-parent')) {
  const div = document.createElement('div');
  div.classList.add('item-decor');
  n.appendChild(div);
}

Comments

[Александр Янк]

Мне кажется вы синтаксис не правильно написали, кучу ошибок бьет...

[0xD34F]

правильно.

[Александр Янк]

Я счастлив, спасибо большое работает!