Así que tengo una paginación con números, como en la foto de abajo:

Y necesito agregar tres puntos después de "1" como después de "5" cuando hago clic en 5 o 10, como en la foto de abajo:

Traté de hacerlo con insertAdjacentElement como en una función a continuación:

 ulTag.addEventListener('click', (e) =>{ myFunction(e); }) function myFunction(e) { let elems = document.querySelector('.active'); if (elems !== null) { elems.classList.remove('active'); } e.target.classList.toggle('active'); pageCall(e.target.innerText); let dots = document.getElementsByClassName('dots'); let numb1 = document.getElementById('numb1'); if (parseInt(e.target.innerText) >= 5) { numb1.insertAdjacentElement('afterend', dots); } } }

Código HTML:

 <ul id="pag"> <li class="btn prev" id="prev"><span><i class="fas fa-angle-left">Prev</i></span></li> <li class="numb active" id="numb1"><span>1</span></li> <li class="numb"><span>2</span></li> <li class="numb"><span>3</span></li> <li class="numb"><span>4</span></li> <li class="numb"><span>5</span></li> <li class="dots"><span>...</span></li> <li class="numb"><span>10</span></li> <li class="btn next" id="next"><span>Next<i class="fas fa-angle-right"></i></span></li> </ul>

Pero por alguna razón, cuando hago clic en 5 o 10, no sucede nada y hay un error:

 Uncaught TypeError: Element.insertAdjacentElement: Argument 2 does not implement interface Element.

Entonces, me pregunto si tengo que declarar "puntos" de alguna otra manera o tal vez el problema esté en otra cosa.