<div id="a">hello <button id="b">world</button>
    <span id="f"></span>
    <div id="c">
        <template shadowrootmode="open">
            shadow dom
            <div id="d">
                <template shadowrootmode="open">
                    <a id="e">deep text</a>
                </template>
            </div>
        </template>
    </div>
</div>