js克隆id对象后怎么修改id下子元素的id值

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

本帖最后由 qq_28513445 于 2015-05-26 23:40:28 编辑 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链接：
    
  

  

添加一个图片
删除一张图片
生成代码






------解决思路----------------------
不会写？那你说清楚呀
其实你是会写的

function tjs(){<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 />  var o = clonedNode.childNodes;<br />  for(i=0; i<o.length; i++) {<br />    if(o[i].nodeName == 'INPUT') {<br />      o[i].setAttribute("id", o[i].getAttribute("id").replace(/\d+/, zhs) );<br />    }<br />  }<br /><br />  sourceNode.parentNode.appendChild(clonedNode); // 在父节点插入克隆的节点 <br />}<br />