javascript - 仅打印网页的一部分

Question

我写了一段代码，它只打印网页的一部分。为此，我使用了 <div> .

代码如下:

<div id="printme">
    <table width='1000'  align="center">
    <tr><td>
    <h1> CANDIDATE DETAILS</h1>
             -----
             -----
             -----
             -----
</div>
<div id="dnt_print">
    <fieldset>
    <legend> <b>Uploads: </b></legend>
    <table width='900' align="center" >
              ----
              ----
              ----
     <td align="center">
       <input type="button" value="PRINT DETAILS" onclick="printdetails()">
     </td>
 </div>

我要打印的 JS 如下:

function printdetails()
{
    alert("Allow Pop-ups");
    var myWindow=window.open('','','width=200,height=100');
    var x=document.getElementById("printme").innerHTML;
    myWindow.document.write(x);
    myWindow.print();
    myWindow.close();
}

但问题是，当我点击打印时，弹出的新窗口显示了完整的详细信息，而不仅仅是 <div id="printme">--</div>。的 innerHTML !!请帮助我

Answer 1

与其让它变得复杂，不如通过使用值 hidden/visible 来使用元素的 visibility CSS 属性