Javascript 是否可以使用.print（）函数从特定选择器打印内容？

是否可以打印特定CSS/DOM选择器元素的内容，例如：

var elem = document.getElementById('div'); // where div innerHTML contains: Hello, Mars!
elem.print();

是否可以使用JavaScript打印文档的特定部分，而不是整个页面？

您可以使用它来选择要打印的元素

@media print{
    .dontPrint{
        display: none;
    }
}

@media print{
    .dontPrint{
        display: none;
    }
}

---

如您所见，带有

.dontPrint

的元素将不会显示在打印预览中。您可以将该类应用于不希望它出现的所有元素

---

可供替代的

您可以使用选择要打印的元素

@media print{
    .dontPrint{
        display: none;
    }
}

@media print{
    .dontPrint{
        display: none;
    }
}

---

如您所见，带有

.dontPrint

的元素将不会显示在打印预览中。您可以将该类应用于不希望它出现的所有元素

---

可供替代的

---

您也可以尝试（使用另一个窗口）

---

您也可以尝试（使用另一个窗口）

---

是的。。只想专注于那个领域！对只想专注于那个领域！

<p>You will see me!</p>
<p>You won't see me!</p>
<button>Print</button>

$("button").click(function(){
    printTarget($("p:eq(0)"));
});

function printTarget(ele){                    //input target element(s)
    $(ele).data({print: true});
    $("body *").filter(function(){
        console.log($(this).data().print);
        return !$(this).data().print;
    }).addClass("dontPrint");
    print();
    $("*").removeClass("dontPrint");
}

function print()
{
    var printWin = window.open();
    printWin.document.write(document.getElementById('printable_div').innerHTML);
    printWin.print();
    printWin.close();
}