输入 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 '"'