如何使用 HTML DOM 输出数组:解决列表数据上传错误

花韻仙語
发布: 2024-10-28 08:00:03
原创
1148人浏览过

如何使用 HTML DOM 输出数组:解决列表数据上传错误

如何使用 html dom 输出数组

问题描述

在 HTML 页面中,用户输入姓名和年龄后可保存数据到列表。点击“上传”按钮后,需要将列表数据以数组形式输出。但是,调用上传功能时发生了错误。

解决方案

即构数智人
即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台,支持数字人形象定制、短视频创作、数字人直播等。

即构数智人 36
查看详情 即构数智人
  1. 修改 lineElement.forEach 的语法:lineElement 是类数组对象,不能直接用 foreach 遍历。应使用扩展运算符 [...]将其转换为常规数组再遍历。
  2. 过滤空 td:innerHTML 拼接生成的 HTML 中包含一些空白 td。在遍历 td 时,需要过滤空 td,只保留非空 td。

修改后的代码

立即学习前端免费学习笔记(深入)”;

[...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 });
  }
});
登录后复制

以上就是如何使用 HTML DOM 输出数组:解决列表数据上传错误的详细内容,更多请关注php中文网其它相关文章!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号