Cómo imprimir contenido HTML específico al hacer clic en un botón
Cuando se busca imprimir contenido HTML específico al hacer clic en un botón, es fundamental evitar imprimir el página web completa. Aquí hay un enfoque integral:
Aprovechar las consultas de medios
Enfatizar la consulta de medios para impresión en CSS es una solución limpia:
@media print {
.noPrint {
display: none;
}
}
Esto oculta elementos con la clase "noPrint" al imprimir.
Aplicar selectores de CSS
Designe los elementos que desea imprimir con CSS específico selectores, como:
print me
no print
Implementación del evento de clic de botón
Adjunte un evento de clic a su botón para iniciar la impresión:
Beneficios
Este método oculta eficazmente elementos irrelevantes durante la impresión, preservando la claridad y evitando el desorden. También mantiene la apariencia del sitio web para su visualización en pantalla, mejorando la experiencia del usuario.
Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.
Copyright© 2022 湘ICP备2022001581号-3