Javascript 从打印预览中删除输入框

我试图只在页面的打印预览上显示输入框，而不是在主页上。 我正在使用以下函数获取打印预览：

函数fnPrint（）
{
var prtContent=document.getElementById（“colMain”）；
var WinPrint=window.open（“”，，'左=2px，上=2px，右=2px；高度=auto；工具栏=0，滚动条=1，状态=0'）；
WinPrint.document.write（prtContent.innerHTML）；
WinPrint.document.write（“”）；
WinPrint.document.write（“”）；
WinPrint.document.close（）；
WinPrint.focus（）；
print.print（）；
WinPrint.close（）；
}

尝试使用css媒体查询：

@media print {
    #clientname{
        display:block;  /* show the Client Name when printing */
    }
}
@media screen {
    #clientname{
        display:none;  /* hide the Client Name normally */
    }
}

---

这将检查当前媒体是什么（打印、屏幕等），并且仅在指定媒体中应用这些样式。

我使用了$（“#clientname”）.css（“显示”、“无”）；。。。在主页和$（“#clientname”）.css（“显示”、“块”）；在fnPrint（）函数中……这样，它在打印预览和主页上都显示客户端名称输入框。为什么不使用CSS媒体查询呢？