在不同页面中打印出多个Divs

Question

我正在尝试在不同页面中打印出不同的div，而它仅打印了第一个div。

div内置于for循环中，并且都具有相同的ID，我添加了page-break-after：always;到css，但没有用。

<?php

for ($x = 0; $x < 10; $x++) {
    echo "<div id='divPrint'><h4>This Is a Page<h4></div>";
}

?>


<input type="button" onClick="javascript:CallPrint('divPrint')">

<script>
function CallPrint(strid)
{
var prtContent = document.getElementById(strid);
var WinPrint = window.open('','','left=0,top=0,width=800,height=600');
WinPrint.document.open();
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();
}

<script>

所有10个div必须位于不同的页面。