javascript - 如何在打印功能中插入已显示的 div

Question

如何在打印功能中插入网页上已显示的 div。

这是功能：

function printHTML(input){
  var iframe = document.createElement("iframe");
    document.body.appendChild(iframe);

  iframe.contentWindow.document.write(input);
  iframe.contentWindow.print();
  document.body.removeChild(iframe); 
}

printHTML('<h1>Test!</h1>');

但我需要放入网页上已经显示的内容

Answer 1

您可以在 iframe 正文中传递 div 和 appendf 的克隆。修改代码：jsfiddle

function printHTML(clonedDive){
  var iframe = document.createElement("iframe");
    document.body.appendChild(iframe);

  iframe.contentWindow.document.body.appendChild(clonedDive);
  iframe.contentWindow.print();

  document.body.removeChild(iframe); 
}

printHTML( document.getElementById("divid").cloneNode(true));​

Answer 2

你想用它document.getElementById()来得到你需要的任何东西。

例如，在您的页面上获取一些 div：

var someDiv = document.getElementById("divId");
printHTML(someDiv);