<script>

let host = document.querySelector('div');

let shadow = host.createShadowRoot();

// Append two divs and three spans into host.

host.innerHTML = '
';

shadow.innerHTML = '<content select="div" id="divpoint"></content><content select="div, span" id="allpoint"></content>';

let divPoint = shadow.getElementById("divpoint");

let allPoint = shadow.getElementById("allpoint");

shadow.removeChild(allPoint);

shadow.insertBefore(allPoint, divPoint);

</script>