javascript - 模态打印输出的变化

Question

JSfiddle

<script>
    document.getElementById("btnPrint").onclick = function () {
    printElement(document.getElementById("example"));
}

function printElement(elem) {
    var domClone = elem.cloneNode(true);

    var $printSection = document.getElementById("printSection");

    if (!$printSection) {
        var $printSection = document.createElement("div");
        $printSection.id = "printSection";
        document.body.appendChild($printSection);
    }

    $printSection.innerHTML = "<span id='signature'>Signature : <input type='text'></span>";
    $printSection.appendChild(domClone);
    window.print();
     }
</script>

我想在打印输出部分添加一个签名框，即打印输出窗口，而不是浏览器窗口。虽然我确实添加了它，但我想添加 CSS 以便它位于打印页面的底部。我尝试给它一个 ID 并将 CSS 添加到该 ID，但没有成功。

请帮忙。

Answer 1

为什么要使用 javascript？使用 css 隐藏您不想打印的内容 ( demo )

@media print {
  div:not(#printThis), hr {
    display: none;
  }
}