如何将innerHTML 添加到打印页面？

这是将 innerHTML 添加到打印页面的任务。在这里，我们将更改元素内的当前内容，并在指定要打印的内容的.innerHTML的帮助下使用document.body将它们设置为新的指定内容。我们将讨论几种方法。

示例 1：在此示例中，位于 div (id=”printThis”)内的指定内容通过 innerHTML。并且，body 内容也通过innerHTML 设置为上述指定内容。

  

    How to add innerHTML 
      to print page?
    
  

  

    
        
             
        GeeksForGeeks 
        
            How to add innerHTML to print page?
        
            
            GeeksforGeeks
            A Computer Science Portal for Geeks.
        
        
        
        
        
            function printArea(areaName) {
                var newcontent =
                    document.getElementById(areaName).innerHTML;
                var actContents = document.body.innerHTML;
                document.body.innerHTML = newcontent;
                window.print();
                document.body.innerHTML = actContents;
            }
        
    

  

输出：
点击按钮前：

点击按钮后：

例2：在本例中，位于中的指定内容原本是通过innerHTML获取的。并且，打印正文内容。

  

    How to add innerHTML
      to print page?
    
  

  

    
        
             
        GeeksForGeeks 
        
            How to add innerHTML to print page?
        
            
            GeeksforGeeks
            A Computer Science Portal for Geeks.
        
        
        
        
        
            function printArea(areaName) {
                var actContents = document.body.innerHTML;
                document.body.innerHTML = actContents;
                window.print();
            }
        
    

  

输出：
点击按钮前：

点击按钮后：