数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何在 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>
运行上述脚本后，Web 浏览器将在网页上显示按钮以及一些文本。当用户单击该按钮时，事件将被触发，该事件将整个文档转换为字符串并将其显示为警报。
2K+ 浏览量
