如何在Javascript中创建表格抓取网站

<table id="myTable">
  <tr>
    <th>列1</th>
    <th>列2</th>
    <th>列3</th>
  </tr>
  <tr>
    <td>数据1</td>
    <td>数据2</td>
    <td>数据3</td>
  </tr>
</table>

// 创建table元素
var table = document.createElement("table");

// 创建表头行和单元格
var thead = document.createElement("thead");
var headerRow = document.createElement("tr");
var headerCell1 = document.createElement("th");
var headerCell2 = document.createElement("th");
var headerCell3 = document.createElement("th");
headerCell1.innerHTML = "列1";
headerCell2.innerHTML = "列2";
headerCell3.innerHTML = "列3";
headerRow.appendChild(headerCell1);
headerRow.appendChild(headerCell2);
headerRow.appendChild(headerCell3);
thead.appendChild(headerRow);
table.appendChild(thead);

// 创建数据行和单元格
var tbody = document.createElement("tbody");
var dataRow = document.createElement("tr");
var dataCell1 = document.createElement("td");
var dataCell2 = document.createElement("td");
var dataCell3 = document.createElement("td");
dataCell1.innerHTML = "数据1";
dataCell2.innerHTML = "数据2";
dataCell3.innerHTML = "数据3";
dataRow.appendChild(dataCell1);
dataRow.appendChild(dataCell2);
dataRow.appendChild(dataCell3);
tbody.appendChild(dataRow);
table.appendChild(tbody);

// 将表格插入到特定位置
document.getElementById("myTableContainer").appendChild(table);

// 使用XMLHttpRequest发送GET请求
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com/data", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var responseData = JSON.parse(xhr.responseText);
    // 处理响应数据并更新表格
    updateTable(responseData);
  }
};
xhr.send();

// 使用fetch API发送GET请求
fetch("http://example.com/data")
  .then(function(response) {
    if (response.ok) {
      return response.json();
    }
    throw new Error("请求失败");
  })
  .then(function(responseData) {
    // 处理响应数据并更新表格
    updateTable(responseData);
  })
  .catch(function(error) {
    console.log(error);
  });

// 更新表格的函数
function updateTable(data) {
  var table = document.getElementById("myTable");
  var tbody = table.getElementsByTagName("tbody")[0];
  
  // 清空表格内容
  tbody.innerHTML = "";
  
  // 根据数据创建新行和单元格
  for (var i = 0; i < data.length; i++) {
    var newRow = document.createElement("tr");
    var newCell1 = document.createElement("td");
    var newCell2 = document.createElement("td");
    var newCell3 = document.createElement("td");
    newCell1.innerHTML = data[i].列1;
    newCell2.innerHTML = data[i].列2;
    newCell3.innerHTML = data[i].列3;
    newRow.appendChild(newCell1);
    newRow.appendChild(newCell2);
    newRow.appendChild(newCell3);
    tbody.appendChild(newRow);
  }
}