<!doctype html>
<div></div>
<script>
let host = document.querySelector('div');
let shadow = host.createShadowRoot();
// Append two divs and three spans into host.
host.innerHTML = '<div></div><span></span><div></div><span></span><span></span>';
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>