首页 > 解决方案 > 动态表格 JavaScript

问题描述

我正在尝试在循环中制作一个像图片中的表格,但我不明白该怎么做。

  1. 创建一个 JavaScript 文件并为绘制表格的函数编写代码。
  2. 当访问者点击原始页面时调用该函数。
  3. 在 HTML 中加载正文末尾的文件。

标签: javascripthtmlcss

解决方案


这边走

function createTable( rowCount, columnCount )
  {
  let newTable = document.body.appendChild(document.createElement('table'))
  for(let r=0;r<rowCount;++r)  
    { 
    let newRow = newTable.insertRow()
    for(let c=0;c<columnCount;++c)
      { 
      newRow.insertCell().textContent = `${r}-${c}`
      }
    }
  } 

推荐阅读