微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 后端开发 > php教程 > 正文

js克隆id对象后如何修改id下子元素的id值

php中文网
发布： 2016-06-23 13:33:48
原创
1968人浏览过

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档





图片1地址：
    
图片1链接：
    
  

  






<script> <br /> var zhs=0; <br /> <br /> var $=function(cs){ <br /> return document.getElementById(cs) <br /> }; <br /> <br /> <br /> <br /> function tjs(){ <br /> <br /> var sourceNode = $("tps_"+zhs); <br /> var clonedNode = sourceNode.cloneNode(true); // 克隆节点 <br /> zhs=zhs+1; <br /> var vbn="tps_" + zhs <br /> clonedNode.setAttribute("id",vbn ); <br /> <br /> sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点 <br /> <br /> } <br /> </script>


上面是我写的只更改父id的代码， 不会写也能修改子元素id值代码，可能我表达不清楚，看下面的代码，就是要做到下面哪种
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档





图片1地址：
    
图片1链接：
    
  

  

图片2地址：
    
图片2链接：
    
  

  
图片3地址：
    
图片3链接：
    
  

  










FineVoice语音克隆
FineVoice语音克隆

免费在线语音克隆，1 分钟克隆你的声音，保留口音和所有细微差别。

FineVoice语音克隆 61
查看详情 FineVoice语音克隆

回复讨论(解决方案)

补写 as 函数 

function as() {  alert($('lbys').innerHTML);}
登录后复制
运行后并未发现不对的地方

div 的 id 是按期望递增的

3q2楼  我摘我的代码是忘了摘as（）的容器   您可能没理解我的意思 

我并没有理解错你的意思
因为你并没有修改 input  id 的代码

我希望可以修改 input的id
可否写一个

不会写？那你说清楚呀
其实你是会写的 

function tjs(){  var sourceNode = $("tps_"+zhs);  var clonedNode = sourceNode.cloneNode(true); // 克隆节点   zhs=zhs+1;  var vbn="tps_" + zhs  clonedNode.setAttribute("id",vbn );  var o = clonedNode.childNodes;  for(i=0; i<o.length; i++) {    if(o[i].nodeName == 'INPUT') {      o[i].setAttribute("id", o[i].getAttribute("id").replace(/\d+/, zhs) );    }  }  sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点 }
登录后复制

额  3q   我只学过 as2现在刚要学js  所以会不了解js  感谢大神的回复  我也想出了一个笨方法
修改html内容不过没有大神的代码有智慧
function tjs(){

var sourceNode = $("tps_"+zhs);
var clonedNode = sourceNode.cloneNode(true); // 克隆节点 
zhs=zhs+1;
var vbn="tps_" + zhs
clonedNode.setAttribute("id",vbn );

sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点 

$(vbn).innerHTML="图片"+zhs+"地址："+"图片"+zhs+"链接："
}

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：关于支付宝付款，商城系统中订单取消或者删除之后，如何阻止用户用之前创建的支付宝订单付款！ 下一篇：php学习笔记之将word文档转化为HTML文件
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
php怎么调试接口接口文档_php接口文档编写与接口调试对应方法 先使用var_dump、错误报告和日志定位问题，再通过Postman或Xdebug高效调试，同时用Swagger或Apifox编写包含接口地址、参数、返回示例的清晰文档，确保调试与文档同步更新。
2025-11-11 23:59:28
575
php探针怎么用_PHP探针安装与使用方法教程 使用PHP探针可快速检测服务器环境，首先创建包含phpinfo()的probe.php文件并上传至Web根目录；通过浏览器访问该文件即可查看PHP版本、扩展及环境变量等信息；可扩展代码以显示服务器IP、客户端IP和操作系统类型；为保障安全，应设置IP访问限制并通过.htaccess加强防护；最后完成检测后需及时重命名或删除文件以防信息泄露。
2025-11-11 23:49:02
324
php代码逻辑复杂怎么简化_php代码业务逻辑简化与执行效率优化方法 拆分职责、减少耦合、优化查询与应用设计模式可显著提升PHP代码的可读性和执行效率。通过函数和类的合理拆分，遵循单一职责原则，将数据校验、数据库操作和业务规则分别封装；采用策略模式、工厂模式和观察者模式降低耦合，增强扩展性；避免循环中查询数据库，使用缓存减少重复计算；引入领域驱动设计思想，利用领域模型、流程编排和状态机管理复杂业务逻辑，使代码结构清晰、易于维护和高效运行。
2025-11-11 23:49:02
660
waf怎么用php_WAF防火墙与PHP安全防护配置方法 首先安装PHP-WAF扩展并配置规则集，再通过php.ini启用扩展与严格模式，最后可选中间件方式在共享主机实现XSS和SQL注入防护。
2025-11-11 23:39:27
716
怎么用php遍历对象_PHP对象遍历方法与实现教程 Useforeachtoiteratepublicpropertiesdirectly.2.ImplementIteratorinterfaceforcustomtraversallogicwithrewind,current,key,next,validmethods.3.UseIteratorAggregate’sgetIteratortoreturnanArrayIteratorforsimplifiediteration.4.Castobjecttoarraywith(array)tot
2025-11-11 23:22:02
760
PHP字符串截取指定字符串_截取指定内容实现方法 答案：PHP中可通过多种方法截取字符串。1.使用strpos和substr定位并提取目标内容；2.利用preg_match结合正则表达式高效捕获规律性内容；3.封装getBetween函数通过explode实现简单截取；4.注意判断标识存在、处理多字节字符及特殊符号转义，复杂结构建议用DOM解析。
2025-11-11 23:16:02
679
如何配置php网站多服务器部署_分布式部署与数据一致性配置方法教程 通过负载均衡、集中式会话、数据库主从复制、共享文件系统和缓存一致性策略，实现PHP多服务器部署的数据一致与高可用。
2025-11-11 23:11:02
491
php网站数据库备份策略怎么优化制定_php网站数据备份频率与性能影响优化方法 答案：优化PHP网站数据库备份需平衡安全与性能，根据数据更新频率设定每日或每周备份策略，采用逻辑或物理备份方式，结合增量备份、错峰执行、资源限制、压缩及异地加密存储，并定期测试恢复流程以确保有效性。
2025-11-11 23:10:02
638
怎么用php语音聊天_PHP语音聊天功能实现方法教程 UseWebRTCwithPHPbackendforpeer-to-peeraudio,wherePHPhandlessignalingviaWebSocketandJavaScriptmanagesmediacaptureandRTCPeerConnection.
2025-11-11 23:04:02
117
php应该怎么用_PHP基础语法与实际开发应用方法 0、本文介绍PHP基础语法及实际应用。1、变量以$开头，支持字符串、整数等数据类型，可用var_dump()调试。2、控制结构包括if、switch、for和foreach，用于条件判断与循环。3、函数用function定义，可设默认参数，通过return返回结果。4、数组用array()或[]创建，分索引与关联数组，用于存储多值。
2025-11-11 23:03:08
455
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部