วิธีตั้งค่าการแบ่งหน้าหลังองค์ประกอบ (page-break-after) ด้วย JavaScript

ใช้คุณสมบัติ pageBreakAfter เพื่อควบคุมการแบ่งหน้าระหว่างการพิมพ์ ตั้งค่าเป็น "always" เพื่อบังคับแบ่งหน้าหลังองค์ประกอบนั้นๆ

หมายเหตุ: ผลลัพธ์จะเห็นได้เมื่อพิมพ์หรือดู Print Preview เท่านั้น

ตัวอย่าง

<!DOCTYPE html>
<html>
  <body>
    <h1>Heading 1</h1>
    <p>This is demo text.</p>
    <p>This is demo text.</p>
    <p id="myFooter">This if footer text.</p>
    <button type="button" onclick="display()">Set page-break</button>
    <script>
      function display() {
        document.getElementById("myFooter").style.pageBreakAfter = "always";
      }
    </script>
  </body>
</html>