如何在 JavaScript 中将整个文档 HTML 以字符串形式获取?
JavaScript 最有用的功能之一是能够将整个文档的 HTML 以字符串形式获取。这可用于多种用途，例如从网站获取数据或在您自己的网站上创建动态内容。在本文中，我们将介绍如何在 JavaScript 中将整个文档 HTML 以字符串形式获取。
要将整个文档 HTML 以字符串形式获取，请使用 innerHTML 的概念
可以使用 innerHTML 属性在 html 文档上编写动态 html。大多数时候，它用于网页中为评论表单、链接和注册表单等内容创建动态 html。>
getElementsByTagName() 方法
此函数返回一个 NodeList 对象，其中包含文档中具有指定标签名称的所有元素的列表。此对象表示一组可通过索引号到达的节点。索引从零开始。
语法
以下是 getElementsByTagName() 的语法
document.getElementsByTagName(tagname)
HTML DOM innerHTML 属性
innerHTML 属性设置或返回元素的 HTML 内容(内部 HTML)。
语法
返回 innerHTML 属性
以下是返回 innerHTML 属性的语法
HTMLElementObject.innerHTML
设置 innerHTML 属性
以下是设置 innerHTML 属性的语法
HTMLElementObject.innerHTML = text
让我们深入研究以下示例，以了解有关将整个文档转换为字符串的更多信息。
示例
在下面的示例中，脚本使用 document.documentElement.innerHTML 将整个文档作为字符串获取。
<!DOCTYPE html>
<html>
<body style="text-align:center;" id="body">
<p id="tutorial" style="font-size: 15px; font-weight: bold;"> </p>
<button onclick="tutorial1(); ">
click here
</button>
<script>
var up = document.getElementById('tutorial');
up.innerHTML = 'Click To Convert Whole Document To String';
function tutorial1() {
var string = document.documentElement.innerHTML;
alert(string);
}
</script>
</body>
</html>
脚本执行时，将生成由文本和显示在网页上的按钮组成的输出。如果用户单击按钮，将触发事件，将整个文档转换为字符串，并将其显示为警报。
示例
考虑以下示例，它通过首先选择标记名为"HTML"的元素并通过使用 document.getElementsByTagName('html')[0].innerHTML 进行索引来选择第一个元素，从而获取整个文档。
<!DOCTYPE html>
<html>
<body style="text-align:center;" id="body">
<p id="tutorial" style="font-size: 15px; font-weight: bold;"> </p>
<button onclick="tutorial1(); ">
click here
</button>
<script>
var up = document.getElementById('tutorial');
up.innerHTML = 'Click on the button to convert whole document to string';
function tutorial1() {
var string = document.getElementsByTagName('html')[0].innerHTML;
alert(string);
}
</script>
</body>
</html>
运行上述脚本后，网络浏览器会在网页上显示按钮以及一些文本。当用户单击按钮时，会触发事件，将整个文档转换为字符串并将其显示为警报。
