資料結構
網路
關係型資料庫管理系統
作業系統
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+ 瀏覽量
