输入 HTML 代码并将其转换为纯文本。
代码包含一个文本输入框,一个将输入的 HTML 代码转换为纯文本的按钮,以及一个用于显示转换后纯文本的 div 元素。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Convert HTML to Plain Text</title> <script> function convertHtmlToPlainText() { var htmlString = document.getElementById('html-input').value; // 创建一个虚拟的DOM元素,用于解析HTML字符串 var tempElement = document.createElement('div'); tempElement.innerHTML = htmlString; // 递归遍历DOM树,提取文本和样式信息 var plainText = ''; var stack = []; function traverse(node) { if (node.nodeType === Node.ELEMENT_NODE) { var tagName = node.tagName.toLowerCase(); var style = node.getAttribute('style') || ''; var cssText = ''; if (style) { cssText = ' style="' style '"'
复制