Javascript 如何避免在节标记中使用相同的html代码？

我有3个部分里面有相同的html代码，我如何避免，有没有一种方法可以给他们一段html代码，或者作为html、javascript等的代码模板 谢谢，带着问候

    <section class="Movie-list-1"> 
       <h1> New movies </h1>
       <!--  10 divs here-->
    </section>
    <section class="Movie-list-2"> 
        <h1> 4k movies </h1>
     <!-- 10 divs here -->
    </section>
    <section class="Movie-list-3"> 
       <h1> New movies </h1>
     <!--  10 divs here -->
    </section>

新电影
4k电影
新电影

您可以创建一个

并在一个：

customElements.define（'movie-list'，类MovieList扩展了HTMLElement{
构造函数（）{
超级（）；
这
阿塔奇沙多先生({
模式：“打开”
})
.appendChild（document.getElementById（'movie-list'）.content.cloneNode（true））；
}
})

新电影
新电影
福
酒吧
巴兹
顶级电影
福！！
酒吧？！
巴兹！？

是的，您可以这样做。创建一个简单的html模板，并使用动态加载和绑定。你能为你的问题添加更具体的细节吗？你的意思是把这个html代码放在一个html文件中，然后直接使用它？但是它和css链接样式表有什么不同……是的，当然，兄弟，它在上面。是的，这是可能的。可能最简单的方法就是使用。另一个相当混乱的选择是将模板代码设置为标记的

.innerHTML

…是的，谢谢你。