Javascript 如何在html中打印选定文本_Javascript_Html

Javascript 如何在html中打印选定文本

javascript html

Javascript 如何在html中打印选定文本,javascript,html,Javascript,Html,我有以下html和javascript代码。我想打印下表，但无法打印请给我一些解决办法如果可能的话，我应该能够打印除了按钮以外的以下代码 <html> <body> <table border=1 cellspacing="0" cellpadding="4"> <tr> <td colspan="3"> <center> <a

我有以下html和javascript代码。
我想打印下表，但无法打印

请给我一些解决办法

如果可能的话，我应该能够打印除了按钮以外的以下代码

<html>
  <body>
    <table border=1 cellspacing="0" cellpadding="4">
      <tr>
        <td colspan="3">
          <center>
            <a href="file:///C:/Users/genius/Desktop/shop-bill-app/items.html"id="login" onClick="confirm('Are You Sure?')">
              Logout
            </a>
        </center>
        </td>
      </tr>
      <tr>
        <td><center>Item Name</center></td>
        <td><center>Notebook</center></td>
      </tr>
      <tr>
        <td><center>Item No</center></td><td><center>1</center></td>
      </tr>
      <tr>
        <td><center>Category</center></td>
        <td><center>Notebooks & Books</center></td>
      </tr>
      <tr>
        <td>
          <center>Quantity</center>
        </td>
        <td>
          <form>
            <input type="text" id="formValueId" name="valueId"/>
            <input  value="submit" type="button" onclick="updateVal()" id="theButton"/>
          </form>
        </td>
      </tr>
      <tr>
        <td><center>Price</center></td>
        <td><center>$2.50</center></td>
      </tr>
      <tr>
        <td><center>Tax</center></td>
        <td><center><div id="tax">Tax: 0</div></center></td>
      </tr>
      <tr>
        <td><center>Discount</center></td>
        <td><center><div id="discount">Discount: 0</div></center></td>
      </td>
      </tr>
      <tr>
        <td><center>Total</center></td>
        <td><center><div id="total">Total: 0</div></center></td>
      </tr>
      <tr>
        <td>
        <center>
          <a style="text-decoration:none" href="javascript:AlertIt();">
            <input  type="button" value="Buy">
          </a>
        </center>
        </td>
        <td>
          <center>
          <a style="text-decoration:none" href="file:///C:/Users/GENIUS/Desktop/shop-bill-app/notebook.html">
            <input type="reset" value="Reset">
          </a></center>
        </td>
      </tr>
    </table>
  </body>
  <script>

    function updateVal() {
      var button = document.getElementById("theButton")
      var send= button.form.valueId.value ;
      var quantiy=send;
      var costPerItem=2.5;
      var amount= costPerItem*quantiy;
      var tax= (amount*1.5)/100;
      var discount=(amount*1)/100;
      var total= amount-discount+tax;
      document.getElementById("tax").innerHTML = "$" + tax;
      document.getElementById("discount").innerHTML = "$" + discount;
      document.getElementById("total").innerHTML = "$" + total;
    }

    updateVal();

    function AlertIt() {
      var answer = confirm ("Please click on OK to continue.")
      if (answer)
      window.location="file:///C:/Users/GENIUS/Desktop/shop-bill-app/notebook-
      receipt.html";
    }
  </script>
</html>


项目名称
记事本
第1项
类别
笔记本和书籍
量
价格
$2.50
税
税项:0
优惠
折扣：0
全部的
总数：0
函数updateVal（）{
var button=document.getElementById（“theButton”）
var send=button.form.valueId.value；
var quantiy=发送；
var-costPerItem=2.5；
var金额=成本总额*数量；
风险值税=（金额*1.5）/100；
风险值贴现=（金额*1）/100；
var总额=金额折扣+税费；
document.getElementById（“tax”）.innerHTML=“$”+tax；
document.getElementById（“折扣”）.innerHTML=“$”+折扣；
document.getElementById（“总计”）.innerHTML=“$”+总计；
}
updateVal（）；
函数AlertIt（）{
var answer=确认（“请单击“确定”继续。”）
若有(答复)
window.location=”file:///C:/Users/GENIUS/Desktop/shop-账单应用程序/笔记本-
收据.html”；
}

您可以将td项放入标记中，然后使用（'#idoftd'）.text（）轻松打印

Fiddle

无法打印是什么意思？如果您指的是“打印到纸”中的打印，而您只是不想在打印时显示按钮，请使用CSS将其隐藏在打印媒体上。在进行向下投票之前，请尝试在学习完程序后解释您自己。

it looks ok to me ... check it out on