这段html和js实现代码格式化功能的代码实现了一个将输入的HTML代码字符串格式化的功能，即对HTML代码进行自动缩进和换行，以提高代码可读性。它接受一个包含HTML代码的字符串作为参数，并返回格式化后的HTML代码字符串。
该函数使用DOM API实现，创建了一个包含输入HTML代码的div元素，然后通过递归遍历这个div元素的子元素，将每个元素前添加缩进并换行，最后返回包含格式化后HTML代码的字符串。
你可以使用JavaScript中的DOM API来格式化HTML代码。下面是一个示例函数，它接受一个包含HTML代码的字符串作为参数，并返回格式化后的HTML代码：
function formatHTML(html) {
// 创建一个div元素
const div = document.createElement('div');
// 设置div元素的innerHTML属性为html代码
div.innerHTML = html.trim();
// 返回格式化后的代码
return format(div, 0).innerHTML;
}
function format(node, level) {
let indentBefore = new Array(level++ + 1).join(' '),
indentAfter = new Array(level - 1).join(' '),
textNode;
for (let i = 0; i < node.children.length; i++) {
textNode = document.createTextNode('\n' + indentBefore);
node.insertBefore(textNode, node.children[i]);
format(node.children[i], level);
if (node.lastElementChild == node.children[i]) {
textNode = document.createTextNode('\n' + indentAfter);
node.appendChild(textNode);
}
}
return node;
}
这个函数使用递归的方式遍历HTML代码中的每个元素，并在每个元素前插入缩进。最终，返回包含格式化后HTML代码的字符串。
评论