在浏览器控制台使用for循环编写10行20列的空心矩形程序

在浏览器控制台中，我们可以利用JavaScript来动态生成HTML元素，并通过for循环构建一个10行20列的空心矩形。下面是一个简单的示例：

// 获取一个空的tbody标签用于放置我们的单元格
var tableBody = document.createElement('tbody');

for (let i = 0; i <= 10; i++) { // 行数
  for (let j = 0; j < 20; j++) { // 列数
    let cell = document.createElement('td'); // 创建每个单元格

    if ((i == 0 || i == 10) || (j % 2 != 0 && i > 1 && i < 9)) { // 空心部分的条件
      cell.style.backgroundColor = 'transparent'; // 设置背景透明
    } else {
      cell.style.backgroundColor = '#ccc'; // 其他部分填充灰色
    }

    // 如果不是边界单元格，添加边框
    if (i !== 0 && i !== 10 && j !== 0 && j !== 19) {
      cell.style.border = '1px solid #ccc';
    }

    // 将单元格添加到表格体
    tableBody.appendChild(cell);
  }
  
  // 每一行结束后添加换行
  if (i !== 10) {
    tableBody.appendChild(document.createElement('tr')); // 新建一行
  }
}

// 添加生成的表格到页面上
var table = document.createElement('table');
table.appendChild(tableBody);
document.body.appendChild(table); // 或者选择特定ID的元素插入

这个脚本会在页面上创建一个10行20列的空心矩形表格。