【JavaScript】 提取网页内容

• 点击浏览器中工具-开发人员工具或直接F12
• 在Elements中查找元素，在Console控制台输入代码

提取表格内容

• 选中表格元素<table>(要选中才能运行，下图即为选中状态)
• 在Console控制台输入代码
  

var tbody = $0;             // 获取刚才鼠标点击选中的表格
var trArr = tbody.children;       // 表格的所有子节点
for (var i = 0; i < tbody.childElementCount; i++) {
    var tr = trArr[i];  // 第i+1行
    var tdArr = tr.children;    // 获取本行的单元格列表
    var a = tdArr[0].innerText;    // 第一列(扩展名)
    var b = tdArr[1].innerText;    // 第二列
    var c = tdArr[2].innerText;    // 第三列
    console.log("行数：%d  %s  %s  %s", i+1, a, b, c);
}

var result = "";
var tbody = $0;             // 获取刚才鼠标点击选中的表格
var trArr = tbody.children;       // 表格的所有子节点
for (var i = 0; i < tbody.childElementCount; i++) {
    var tr = trArr[i];  // 第i+1行
    var tdArr = tr.children;    // 获取本行的单元格列表
    var a = tdArr[0].innerText;    // 第一列(扩展名)
    var b = tdArr[1].innerText;    // 第二列
    var c = tdArr[2].innerText;    // 第三列
    result += `${a}  ${b} ${c}\n`;
}
console.log(result);	// 一次性打印提取到的数据

参考资料

• 使用JavaScript提取网页中的表格 行列数据 批量提取