Медиа-печать не будет работать со всеми модальностями в таблице

#php #html #css

#php #HTML #css

Вопрос:

У меня есть модальный для каждого арендатора в таблице для их получения, и я хочу распечатать только модальный, но проблема в том, что печать работает только с первым арендатором и не работает с другими арендаторами в таблице.

 <script>
document.getElementById("btnPrint").onclick = function () {
    printElement(document.getElementById("printThis"));
    var modThis = document.querySelector("#printSection .modifyMe");
    modThis.appendChild(document.createTextNode(""));
    window.print();
}
function printElement(elem) {
    var domClone = elem.cloneNode(true);
    var $printSection = document.getElementById("printSection");
    if (!$printSection) {
        var $printSection = document.createElement("div");
        $printSection.id = "printSection";
        document.body.appendChild($printSection);
    }
    $printSection.innerHTML = "";
    $printSection.appendChild(domClone);
}
</script>

  (html)
  <div id="printThis" class=" modifyMe">
  <h3 class="modal-title text-center" id="myModalLabel">


(css)
@media print {
body * {
visibility:hidden;
}
#printSection, #printSection * {
visibility:visible;
}
#printSection {
position:absolute;
left:0;
top:0;
}
  

Комментарии:

1. Трудно правильно видеть ограниченные части кода, которые вы здесь показываете. В частности, поможет цикл, который создает ваши модальности в таблице. Из того, что я вижу, похоже, что вы выбираете элемент по идентификатору, но используете общий идентификатор printThis . Если тот же идентификатор повторяется во всех модальностях, это может быть проблемой,

2. @Luke да, я думаю, что проблема в идентификаторе

3. есть какие-либо обновления? Исправило ли изменение идентификатора проблему?