1.使用DOM API

ent Object Model）是一种用于访问和操作HTML文档的API，通过DOM API，我们可以轻松地将HTML代码转化为JS代码。具体实现方法如下：

ententById()方法，该方法接收一个参数，即元素的id值。例如：

yDivententByIdyDiv');

nerHTML属性获取该元素的HTML代码。例如：

lCodeyDivnerHTML;

（3）最后，我们将获取到的HTML代码赋值给一个JS变量即可。例如：

yDiventent('p');" +yDivnerHTMLlCode + "';" +entdChildyDiv);";

entent()方法创建一个新的p元素，将HTML代码插入到该元素中，最后将该元素添加到body标签中。

2.使用模板引擎

dlebars、Mustache等。具体实现方法如下：

dlebars.js。

（2）然后，我们需要定义一个HTML模板，该模板中可以包含变量和逻辑控制语句。例如：

<p>

<h1>{{title}}</h1>tent}}tent}}</p>

{{/if}}

</p>

上述模板中，{{}}表示变量，#if和/if表示逻辑控制语句。

（3）接下来，我们需要将模板和数据进行结合，生成HTML代码。例如：

platedlebarspilelCode);

var data = {

title: 'Hello World',tent: true,tent: 'This is a test.'

};lCodeplate(data);

dlebarspile()方法将模板编译为JS函数，然后将数据传入该函数，生成HTML代码。