Здравствуйте, у меня есть такой html:
<ul class="us-footer-list">
<li class="us-footer-item"><a href="/delivery" class="us-footer-link">qwe</a></li>
<li class="us-footer-item"><a href="/pay" class="us-footer-link">qwe</a></li>
<li class="us-footer-item"><a href="/vozvrat" class="us-footer-link">qweqwe</a></li>
<li class="us-footer-item"><a href="/poshiv" class="us-footer-link">qwe</a></li>
<li class="us-footer-item"><a href="/partners" class="us-footer-link">qwe</a></li>
<li class="us-footer-item"><a href="/vakansii" class="us-footer-link">qwe</a></li>
<li class="us-footer-item"><a href="/privacy" class="us-footer-link">qwe</a></li>
<li class="us-footer-item"><a href="/oferta" class="us-footer-link">qwe</a></li>
</ul>
И мне надо с помощью чистого javascript удалить только первые 6 html li с классом us-footer-item, Проблема в том что классы одинаковые и если обратиться к этому классу то удалятся все li , а надо чтобы удалились только первые 6. Как это сделать? Класс изменить нельзя. Нужно как то по индексам [2] чтоли удалить. Но как это сделать?