Hide (Disable) Button when printing in JavaScript

<div media="print">
    <table style="margin-left:auto; margin-right:auto;" width="100%">
        <td>
            <center>

                <input id="print_button" type="button" value="列印" onClick="print_the_page()" />
            </center>
        </td>
    </table>
</div>
<Script language="JavaScript">

    function print_the_page() {
        document.getElementById("print_button").style.visibility = "hidden";    //顯示按鈕
        javascript: print();
        document.getElementById("print_button").style.visibility = "visible";   //不顯示按鈕
    }
</Script>