<ul>
<li class="list-item green" data-test-id="1">green</li>
<li class="list-item red" data-test-id="2">red</li>
<li class="list-item orange" data-test-id="3">yellow</li>
<li class="list-item blue" data-test-id="4">blue</li>
<li class="list-item white" data-test-id="5">orange</li>
</ul>
Вы знаете, что в документе есть сломанные элементы с классом list-item у которых класс не соответствует содержимому. Ваша задача их удалить. Для обхода элементов для удаления используйте forEach
и удаления
Чтобы удалить элемент - вы должны взять родителя этого элемента и удалить его потомка.
const yourElementArray=document.querySelectorAll('.list-item')
yourElementArray.forEach((element) => {
if (!element.className.includes(element.textContent.trim())) {
element.parentNode.removeChild()
}
})
console.log(yourElementArray);
Я не могу найти ошибку помогите пожалуйста
