如何透過點擊按鈕列印特定的HTML 內容
當尋求在點擊按鈕時列印特定的HTML 內容時,避免列印整個網頁。這是一個全面的方法:
利用媒體查詢
強調CSS中列印的媒體查詢是一個乾淨的解決方案:
@media print {
.noPrint {
display: none;
}
}
列印時隱藏具有「noPrint」類別的元素。
應用 CSS 選擇器
指定要使用特定 CSS 列印的元素選擇器,例如:
print me
no print
實現按鈕點擊事件
將點擊事件附加到按鈕以啟動列印:
好處
此方法在列印過程中有效隱藏不相關的元素,保持清晰度並避免混亂。它還保持了網站的螢幕檢視外觀,增強了用戶體驗。
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3