在開發網站時，頁面HTML代碼獲取是必不可少的過程。在JavaScript中，可以使用document對象來獲取當前頁面的HTML代碼。在本文中，我們將詳細探討如何使用JavaScript獲取頁面HTML代碼。 一、使用JavaScript獲取整個頁面的HTML代碼 獲取整個頁面的HTML代碼非常簡單，只需要使用document對象中的innerHTML屬性即可。例如，以下代碼可以獲取整個頁面的HTML代碼：

var pageHTML = document.documentElement.innerHTML;
document.write("
" + pageHTML + "
");

在上述代碼中，我們使用document.documentElement.innerHTML來獲取整個頁面的HTML代碼，并且使用document.write()方法將其輸出到頁面上。 二、使用JavaScript獲取指定元素的HTML代碼 如果你只需要獲取頁面上某個元素的HTML代碼，可以使用該元素的innerHTML屬性來實現。例如，以下代碼可以獲取一個ID為"example"的元素的HTML代碼：

var elementHTML = document.getElementById("example").innerHTML;
document.write("
" + elementHTML + "
");

在上述代碼中，我們使用document.getElementById()方法來獲取ID為"example"的元素，并通過該元素的innerHTML屬性獲取其HTML代碼。 三、使用JavaScript獲取當前元素的HTML代碼 在JavaScript中，可以使用this關鍵字獲取當前元素的HTML代碼。例如，以下代碼可以獲取當前元素的HTML代碼：

function getElementHTML() {
var currentElement = event.target || event.srcElement;
var currentElementHTML = currentElement.innerHTML;
document.write("
" + currentElementHTML + "
");
}
document.onclick = getElementHTML;

在上述代碼中，我們創建了一個名為"getElementHTML"的函數，并在頁面上的任何元素上單擊時調用它。函數中的"event"對象用于捕獲當前單擊的元素，并使用該元素的innerHTML屬性來獲取其HTML代碼。 總結：從上述探討中可以看出，使用JavaScript獲取頁面HTML代碼非常簡單并且十分實用。無論你是想獲取整個頁面的HTML代碼、某個元素的HTML代碼還是當前元素的HTML代碼，都可以使用JavaScript輕松實現。