切换导航
简历
工具
演示
查询
导航菜单
服务端
30
前端
114
数据库
82
进阶开发
8
桌面程序
2
QA
15
软件使用
36
规范协议
5
操作系统
11
AI
0
复用资源
6
硬件
0
标签
HTML
正则表达式
Json
包管理工具
vite
CSS
XPath
JavaScript
Jquery
less
ES6
Vue
React
vue 3
Layui
editor.md
sea.js
Zepto.js
mysql.js
mssql.js
NodeJs
Express
前端template
YAML
杂项
外部链接
.NET Core SDK和运行时安装包
淘宝 NPM 镜像
查询网
Tables Generator线上表格转换工具
引用cdn在线脚本和样式
首页
前端
JS 在DOM结构上追加、移动元素
[TOC] ### 1. appendChild 在 JavaScript 里,`appendChild` 方法用于把一个节点添加到指定父节点的子节点列表的末尾。当你用 `appendChild` 方法时若没有出现重复追加的情况,通常是下面这些原因造成的: #### 1.1. 节点只能有一个父节点 在 DOM 树中,一个节点只能有一个父节点。如果你尝试把一个已经存在于 DOM 树中的节点再次 `appendChild` 到另一个位置,它会从原来的位置被移除,然后添加到新的位置,而不是复制一份进行追加。 **示例代码** ```html <!DOCTYPE html> <html lang="en"> <body> <div id="parent1"> <p id="myParagraph">这是一个段落。</p> </div> <div id="parent2"></div> <script> const parent1 = document.getElementById('parent1'); const parent2 = document.getElementById('parent2'); const myParagraph = document.getElementById('myParagraph'); // 将段落从 parent1 移动到 parent2 parent2.appendChild(myParagraph); </script> </body> </html> ``` **代码解释** 在上述示例中,`myParagraph` 最初是 `parent1` 的子节点。当使用 `parent2.appendChild(myParagraph)` 时,`myParagraph` 会从 `parent1` 中移除,然后添加到 `parent2` 中,而不会复制一份。
扫一扫手机看
点击排行
windows 文件资源管理器使用
Layui 弹窗open使用说明
SQL Server 中字符串函数使用
C# 使用QQ邮箱代理做邮件接收功能
SQL Server关于apply的两种形式cross apply 和 outer apply
ASP.NET MVC 模型的自定义验证
nvm安装及常用命令
SQL Server 中数据类型转换
SQL Server 中WITH AS短语的使用
IE浏览器下AJAX缓存问题导致数据不更新的解决办法
订阅号