亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

無法以 HTML 格式打印表格

無法以 HTML 格式打印表格

子衿沉夜 2023-03-10 13:40:18
我正在嘗試使用 JavaScript 在 HTML 中打印表格。當我嘗試打印表格時,它只是給我一個空白頁。這是我的 HTML 代碼:<html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <script type="text/javascript" src="gen.js"></script>    <link rel="stylesheet" href = "index.css"></head><body onload="print()">    <div id="tt"></div></body></html>這是我的 JavaScript 文件:function print(){    // console.log("?")    var time = Number(localStorage.getItem("time"))    // console.log(typeof time)    var nClass = Number(localStorage.getItem("nClass"))    var duration = localStorage.getItem("duration")    var subjectsRaw = localStorage.getItem("arr")    var subjects = JSON.parse(subjectsRaw)     document.getElementById('tt').innerHTML = "<table border = 1>"for(var i = 0; i < 5; i++){    console.log('test')    document.getElementById('tt').innerHTML = "<tr>"    for (let j = 0; j < nClass; j++) {        console.log('test2')        document.getElementById('tt').innerHTML = '<td>' + subjects[Math.floor(Math.random() * subjects.length + 0)] + '</td>'            }    document.getElementById('tt').innerHTML = "</tr>"    document.getElementById('tt').innerHTML = "<br>"}document.getElementById('tt').innerHTML = "</table>"編輯:現在使用 DOM 打印。
查看完整描述

1 回答

?
縹緲止盈

TA貢獻2041條經驗 獲得超4個贊

每次分配給時都會覆蓋該元素innerHTML,而不是附加到它。您不能像使用 DOM 方法那樣逐步構建 HTML,因為每次分配給innerHTML它時都會將其解析為完整的 HTML 片段。


innerHTML您應該改為附加到一個字符串,并在末尾分配給。


function print() {

  // console.log("?")

  var time = Number(localStorage.getItem("time"))

  // console.log(typeof time)

  var nClass = Number(localStorage.getItem("nClass"))

  var duration = localStorage.getItem("duration")

  var subjectsRaw = localStorage.getItem("arr")

  var subjects = JSON.parse(subjectsRaw)

  var html = "<table border = 1>"

  for (var i = 0; i < 5; i++) {

    console.log('test')

    html += "<tr>"

    for (let j = 0; j < nClass; j++) {

      console.log('test2')

      html += '<td>' + subjects[Math.floor(Math.random() * subjects.length + 0)] + '</td>'

    }

    html += "</tr>"

  }

  html += "</table>"

  document.getElementById("tt").innerHTML = html;

}


查看完整回答
反對 回復 2023-03-10
  • 1 回答
  • 0 關注
  • 152 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號