Как прочитать файл html что бы получить template

У меня есть example.html

<template id ="varan-nav">
<varan-nav>
    <nav role="navigation" id="navigation" class="navigation " style="height: 75.264px;">
        <a href="/about" class="item"></a>
        <a href="/material/1" class="item"></a>
        <a href="/services" class="item"></a>
        <a href="/price/" class="item"></a>
        <a href="/contacts" class="item"></a>
    </nav>
</varan-nav>
</template>

И есть web component

customElements.define('varan-nav',
    class extends HTMLElement {
        constructor () {
        white['varan-nav'] = super()
        white['varan-nav-shadowRoot'] = this.attachShadow({mode: 'open'})
        let parser = new DOMParser()
        let doc = parser.parseFromString(`dfgdfg`, 'text/html')
        }
    }
)

Я могу использовать DOMParser что бы записать строку, но не могу прочитать html.

Как я могу получить html <template>?