1.使用DOM API

ent Object Model）是一種用于訪問和操作HTML文檔的API，通過DOM API，我們可以輕松地將HTML代碼轉化為JS代碼。具體實現方法如下：

ententById()方法，該方法接收一個參數，即元素的id值。例如：

yDivententByIdyDiv');

nerHTML屬性獲取該元素的HTML代碼。例如：

lCodeyDivnerHTML;

（3）最后，我們將獲取到的HTML代碼賦值給一個JS變量即可。例如：

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

entent()方法創建一個新的div元素，將HTML代碼插入到該元素中，最后將該元素添加到body標簽中。

2.使用模板引擎

dlebars、Mustache等。具體實現方法如下：

dlebars.js。

（2）然后，我們需要定義一個HTML模板，該模板中可以包含變量和邏輯控制語句。例如：

<div>

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

{{/if}}

</div>

上述模板中，{{}}表示變量，#if和/if表示邏輯控制語句。

（3）接下來，我們需要將模板和數據進行結合，生成HTML代碼。例如：

platedlebarspilelCode);

var data = {

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

};lCodeplate(data);

dlebarspile()方法將模板編譯為JS函數，然后將數據傳入該函數，生成HTML代碼。

以上就是HTML轉JS的兩種方法，使用DOM API可以將HTML代碼嵌入到JS代碼中，使用模板引擎可以將HTML代碼和數據進行結合生成HTML代碼。不同的方法適用于不同的場景，開發者可以根據實際需求進行選擇。