首頁 > 後端開發 > php教程 > js克隆id对象后怎么修改id下子元素的id值

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

WBOY
發布: 2016-06-13 12:20:38
原創
1605 人瀏覽過

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 />
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板