Там какое-либо решение состоит в том, чтобы отключить изменения стиля JavaScript в печати?
Там какое-либо решение состоит в том, чтобы отключить изменения стиля JavaScript в печати?
Например, если я скрываю что-то через JavaScript, но я хочу включать ту скрытую информацию в печать.
Я скрыл a div с помощью JavaScript и я хочу показать это div если JavaScript отключен. Теперь проблема, потому что div скрыт с помощью JavaScript, который это также не показывает, когда страница печатается.
2 ответа
Используйте таблицу стилей печати вместе с утверждениями !important, чтобы заставить элемент быть видимым для печати.
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
CSS:
#myDiv { display: block!important; }
Использование ! Important уже упоминалось, но это грубый инструмент, и все становится очень сложным, когда вам нужно переопределить то, что уже ! important .
Одним из больших преимуществ CSS является то, что он позволяет отделить стиль от структуры. Вместо того, чтобы использовать JS для управления стилем элемента, используйте его для управления структурой . Например, манипулируя свойством className .
Ваша таблица стилей мультимедиа экрана может затем скрыть элемент, оставив его видимым для таблицы стилей мультимедиа для печати.
Это дает дополнительное преимущество, заключающееся в том, что вам не нужно думать о необходимости переопределения этих стилей, поскольку они не будут применяться в первую очередь (для печати).