JavaScript — печать определенной части веб-страницы

Распечатать определенную часть веб-страницы

Я написал крошечный модуль JavaScript под названием PrintElements для динамической печати частей веб-страницы.

Он работает путем итерации по выбранным элементам узла и для каждого узла проходит по дереву DOM до элемента BODY. На каждом уровне, включая начальный (который является уровнем узла для печати), он присоединяет класс маркера ( pe-preserve-print ) к текущему узлу. Затем присоединяет другой класс маркера ( pe-no-print ) ко всем братьям и сестрам текущего узла, но только если на них нет класса pe-preserve-print . Как третий акт, он также присоединяет другой класс к сохраненным элементам предка pe-preserve-ancestor .

Простой простой дополнительный css только для печати скроет и покажет соответствующие элементы. Некоторые преимущества этого подхода состоят в том, что все стили сохраняются, он не открывает новое окно, нет необходимости перемещать множество элементов DOM, и, как правило, он неинвазивен с вашим исходным документом.

Смотрите демо , или прочитайте соответствующую статью для получения дополнительной информации .

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector