我根据id获取到div元素，向其中添加 tr、td标签并且赋值数据
调用接口查询到数据
根据id得到div标签，向标签中追加元素
第一次条用接口查询到数据，赋值后正常是6条数据，第二次调用就会变成12条，我想要第二次的6条数据覆盖第一次的6条数据该怎么去改呢？
我是后端，前端不怎么熟悉！
使用appendChild函数，我想让后面的数据将前面追加的数据替换怎么实现呢？
根据id得到div标签，向标签中追加元素
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
-归元田居- 2022-03-17 16:22关注在写入前先清空元素就可以了 removeChild()
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2020-10-24 21:49在前端开发中，JavaScript是实现动态页面交互的核心语言之一。利用JavaScript，我们可以操作DOM（文档对象模型）来改变页面上的元素，而appendchild是其中常用的DOM操作方法，用于在指定父节点的子节点列表的末尾...
- 2025-09-20 17:23CarlowZJ的博客 在现代数据可视化应用中，动态数据更新和实时监控已成为核心需求。无论是展示实时股票价格、监控系统性能，还是跟踪业务指标，都需要图表能够实时反映数据变化。ECharts作为强大的数据可视化库，提供了丰富的动态...
- 2026-01-02 11:11PixelStream的博客 零代码前端也能快速搭建数据看板！本文详解PyWebIO表格功能，实现Python后端直接进行PyWebIO表格数据展示，适用于报表生成、实时监控等场景，操作简单、即时生效，值得收藏。
- 2025-12-30 07:46程序猿全栈の董的博客 本文介绍了使用原生JavaScript实现移动端上拉加载下拉刷新组件的开发方法。文章首先分析了核心需求，包括刷新加载功能、数据管理和交互体验等。然后详细讲解了技术原理：通过监听触摸/滚动事件实现交互逻辑，利用...
- 2024-11-12 10:19WindRunnerMax的博客 是一种由服务器单向推送实时更新到客户端的方案，...SSE适用于需要持续更新数据的应用，如实时通知、消息推送和动态内容更新，相比于WebSocket的数据通信方案更加轻量，SSE更易于实现且更适合简单的单向数据流场景。
- 2023-07-21 09:49@德玛玩前端的博客 一年的学习，对前端跨域的概念又有了深层次的了解。结合node的学习（node作为服务端技术栈），写了下面这篇文章。
- 2025-09-15 01:10敲代码的熊猫精的博客 本文深入解析了网页用户界面中的数据输入与输出操作，涵盖了HTML代码注入、样式设置、添加与删除元素、表单使用等内容，并通过实际示例（如温度转换和计算器）展示了如何结合HTML与JavaScript实现交互式网页功能。...
- 2023-02-16 17:21周亚鑫的博客 前端 js实现模糊搜索
- 2022-03-04 09:31Liaochjser的博客 document.body.appendChild(textArea); textArea.select(); try { var successful = document.execCommand('copy'); } catch (err) { console.log('Oops, unable to copy'); } document.body.removeChild(textArea)...
- 2020-04-05 00:08吴迪98的博客 文章目录前言一、开始写代码写html和简单的cssjs...其实这是很简单的，今天笔者就来给大家演示一下我们用js实现语音转换功能！ 首先我们先来做俩个按钮，一个开始按钮一个结束并开始转换语音的按钮： 一、开始...
- 2024-08-24 21:082401_86023055的博客 拿到这个元素的 innerHTML 作为template，通过编译的方式得到渲染函数 – 根据渲染函数可以真正的得到DOM节点（再根据用户传入的状态数据最终生成）最终将render函数生成的DOM节点追加到宿主元素身上。
- 2021-10-24 12:16三钻的博客 前端《组件化系列》目录 「一」用 JSX 建立组件 Parser（解析器） 「二」使用 JSX 建立 Markup 组件风格 「三」用 JSX 实现 Carousel 轮播组件 「四」用 JavaScript 实现时间轴与动画 「五」用 JavaScript 实现三次...
- 2020-07-14 23:28qq_38969618的博客 document.body.appendChild(textArea); textArea.select(); try { var successful = document.execCommand('copy'); } catch (err) { console.log('Oops, unable to copy'); } document.body.removeChild(textArea)...
- 2023-06-28 12:42
Web前端之操作元素内容的方法、介绍、区别、createTextNode、createElement、appendChild、textConten、innerText、innerHTML、append焊码IoT的博客 Web前端之操作元素内容的方法、介绍、区别、createTextNode、createElement、appendChild、textConten、innerText、innerHTML、append - 2021-12-25 22:22有两把刷子的博客 2022年最新前端面试题 热门题目 （面经最全版）（蛋糕）...持续维护中，HTML和Css部分vue部分，Null，undefined，Boolean，Number，String，BigInt 、BigInt 、Object、1. **解构赋值、扩展运算符、class类、模块化 ...
- 2025-03-24 17:03*星之卡比*的博客 在 DOM（文档对象模型）中，“添加到节点” 通常是指将一个新创建的元素或节点添加到现有的 HTML 元素...appendChild()：将新节点添加为子节点（追加到父节点的末尾）。insertBefore()：将新节点插入到指定的节点前面。
- 2021-11-16 09:28web前端开发V的博客 来源 |https://www.fly63.com各种业务开发都离不开对数据的处理，然而遇到的很多数据都是不好处理的。这个时候就需要寻求搜索引擎的帮助。这种方法效率是非常低下的，而且根据...
- 2024-12-13 11:18Lee_Yu_Fan的博客 vue项目通过appendChild()函数向页面上追加组件
- 2021-07-22 08:00前端达人的博客 document.body.appendChild(textArea); textArea.select(); try { var successful = document.execCommand('copy'); } catch (err) { console.log('Oops, unable to copy'); } document.body.removeChild(textArea)...
- 2022-07-09 08:31儒雅的烤地瓜的博客 jQuery操作中添加/删除/替换/克隆元素——jQuery根据不同的方法可以在指定的元素的不同位置添加合适的元素以及替换元素。本文介绍使用jQuery添加、替换元素的5种方式，10个函数以及删除元素、克隆元素的方法...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 3月18日-
已采纳回答
3月18日
-
修改了问题
3月17日
-
创建了问题
3月17日