Как из переменной удалить теги без изменения верстки?

Question

[Mesuti]

Привет!
Сохраняю html блок в pdf.
Как из этого html блока (element) предварительно удалить лишние теги, чтобы не отправлять в функцию сохранения в PDF?

.remove() не подходит, так как удаляет блоки со страницы, а нужно сделать незаметно

...
let element = document.getElementById('print-content'); // Берем блок 
html2pdf(element); // Сохранение блока в PDF
...

Comments

[WbICHA]

display: none;?

[Mesuti]

WbICHA, спасибо за ответ.
К сожалению, display none видно пользователю..
Надо незаметно отправлять

[WbICHA]

Mesuti, можешь поэксперементировать с опасити и транзишоном.
Можешь клонировать хтмл и удалить что надо.
И вообще, что делают ненужные кнопки в контенте для печати?

Answer 1

[Mesuti]

Решение.
Создать новый div, в него положить старый и удалить лишнее.
Затем сохранить новый div

let divForPdf = document.createElement('div');
    divForPdf.innerHTML = document.getElementById('print-content').innerHTML;
    divForPdf.querySelectorAll('.for_hidden').forEach(i => i.remove())
    html2pdf(divForPdf);

Answer 2

[Rsa97]

При печати можно отключать элементы в CSS через @media print.
Вот только html2pdf - это не печать, а сохранение в PDF.

Comments

[Mesuti]

Спасибо за ответ, простите, поправил вопрос про сохранение блока в pdf.

необходимо некоторые кнопки удалить перед сохранением.
Как можно сделать?

Answer 3

[v3shin]

Добавьте элементу класс, отправьте на сохранение и удалите класс.
В стилях сможете скрыть нужные элементы внутри добавленного класса.

let element = document.getElementById('print-content');
element.classList.add('to-print');
html2pdf(element);
element.classList.remove('to-print');

Comments

[Mesuti]

Спасибо за ответ.
Элемент у пользователя "моргает"