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

ใช้คุณสมบัติ pageBreakBefore เพื่อบังคับให้แบ่งหน้าก่อนองค์ประกอบที่กำหนด ตั้งค่าเป็น "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.pageBreakBefore = "always";
      }
    </script>
  </body>
</html>