HTML转换成String

来源：佚名编辑：佚名

2024-04-15 06:01:09

要将HTML转换成String，可以使用JavaScript的innerHTML属性，以下是一个简单的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>HTML转String示例</title>
</head>
<body>
    <h1>HTML转String示例</h1>
    <p>点击按钮将获取页面的HTML内容并显示在文本框中。</p>
    <button onclick="getHTML()">获取HTML内容</button>
    <br>
    <input type="text" id="htmlContent" readonly>
    <script>
        function getHTML() {
            var htmlContent = document.documentElement.innerHTML;
            document.getElementById("htmlContent").value = htmlContent;
        }
    </script>
</body>
</html>

在这个示例中，我们创建了一个简单的HTML页面，包含一个标题、一个段落和一个按钮，当用户点击按钮时，会触发getHTML()函数，这个函数使用document.documentElement.innerHTML获取整个页面的HTML内容，并将其赋值给名为htmlContent的变量，我们将这个变量的值设置为文本框（<input type="text" id="htmlContent" readonly>）的值，这样，用户就可以在文本框中查看和复制整个页面的HTML内容了。