如何在 JavaScript 中将整个 HTML 文档作为字符串获取？

给定一个 HTML 文档，任务是使用 JavaScript 将整个文档作为字符串获取。这里讨论几种方法：

• getElementsByTagName() 方法
  此方法以 NodeList 对象的形式返回文档中具有已定义标记名称的所有元素的集合。
  该对象表示节点的集合，通过索引号访问。索引从 0 开始。
  句法：
  

document.getElementsByTagName(tagname)

• 参数：
  • 标记名：此参数是必需的。它指定要获取的元素的标记名。
    
• HTML DOM innerHTML 属性
  此属性设置/返回元素的 HTML 内容（内部 HTML）。
  句法：
  • 返回 innerHTML 属性：
    

HTMLElementObject.innerHTML

• 设置 innerHTML 属性：
  

HTMLElementObject.innerHTML = text

• text：它指定元素的 HTML 内容。
  

示例 1：此示例使用document.documentElement.innerHTML将整个文档作为字符串获取。

html

 

 

    
        JavaScript | Get the entire document HTML as a string.
    

 

     
            GeeksforGeeks 
        
    
    
 
    
        click here
    
    
        var up = document.getElementById('GFG_UP');
        up.innerHTML = 'Click on the button to convert whole document to string';
 
        function GFG_Fun() {
            var string = document.documentElement.innerHTML;
            alert(string);
        }
    

 

输出：

• 在点击按钮之前：
  

• 点击按钮后：
  

示例 2：此示例通过首先选择标记名为 'HTML' 的元素并通过使用document.getElementsByTagName('html')[0].innerHTML进行索引来选择第一个元素来获取整个文档。

html

 

 

    
        JavaScript | Get the entire document HTML as a string.
    

 

     
            GeeksforGeeks 
        
    
    
 
    
        click here
    
    
        var up = document.getElementById('GFG_UP');
        up.innerHTML = 'Click on the button to convert whole document to string';
 
        function GFG_Fun() {
            var string = document.getElementsByTagName('html')[0].innerHTML;
            alert(string);
        }
    

 

输出：

• 在点击按钮之前：
  

• 点击按钮后：
  

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• IE浏览器
• 苹果浏览器
• 歌剧