JavaScript 获取整个文档的HTML作为一个字符串

JavaScript最有用的功能之一是能够将整个文档的HTML作为一个字符串获得。这可以用于很多目的，比如从网站上获取数据或在自己的网站上创建动态内容。在这篇文章中，我们将介绍如何在JavaScript中把整个文档的HTML作为一个字符串获取。

要获得整个文档的HTML作为一个字符串，请使用innerHTML的概念

动态HTML可以使用innerHTML属性写在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>

在运行上述脚本时，网络浏览器在网页上显示按钮和一些文本。当用户点击按钮时，事件被触发，它将整个文件转换为一个字符串并显示为一个警报。