html dom 输出数据数组
解决思路
使用 HTML DOM 获取页面元素，再通过innerText属性获取每个元素的文本内容，就可以将数据输出为数组。
具体步骤：
常见问题及解决方案：
立即学习“前端免费学习笔记（深入）”；
问题：遍历行元素时，会出现foreach不是Array对象的函数的错误。
问题：输出的数组中包含空白行。
优化后的代码：
//上传
document.getElementById("upload").addEventListener("click", () => {
let listElement = document.getElementById("list");
let lineElement = [...listElement.querySelectorAll("tr")];
let result = [];
lineElement.forEach((item) => {
let tds = item.querySelectorAll("td");
if (tds.length) {
let name = tds[0].innerText;
let age = tds[1].innerText;
result.push({ name, age });
}
});
console.log(result);
});以上就是如何使用 HTML DOM 从页面元素中获取数据并输出为数组？的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
537
