HTML轉換成JS代碼是一種非常方便的技術，可以使得我們的前端頁面更加靈活、動態。下面將介紹如何實現這種轉換。

function htmlToJS(html) {
let jsCode = '';
const htmlElement = document.createElement('div');
htmlElement.innerHTML = html;
const childNodes = htmlElement.childNodes;
for(let i = 0; i< childNodes.length; i++) {
if(childNodes[i].nodeType == 3) {
jsCode += `document.createTextNode('${childNodes[i].textContent}'),\n`
} else {
let nodeName = childNodes[i].nodeName.toLowerCase();
jsCode += `document.createElement('${nodeName}'),\n`;
if(childNodes[i].hasAttributes()) {
const attributes = childNodes[i].attributes;
for(let j = 0; j< attributes.length; j++) {
jsCode += `element.setAttribute('${attributes[j].nodeName}', '${attributes[j].nodeValue}');\n`
}
}
const innerHTML = htmlToJS(childNodes[i].innerHTML);
if(innerHTML.length >0) {
jsCode += `element.innerHTML = [\n${innerHTML}];\n`;
}
}
}
return jsCode;
}

上述代碼所實現的方法是將HTML字符串轉換為創建DOM元素的JS代碼。我們首先創建了一個div元素，將HTML字符串賦值給它的innerHTML屬性，然后遍歷childNodes。對于文本節點，我們直接使用createTextNode創建節點進行添加；對于元素節點，我們使用createElement創建元素，然后遍歷屬性，使用setAttribute設置屬性，使用innerHTML屬性對其中的元素進行遞歸的轉換，并賦值給該元素。最后返回轉換后的JS代碼。