>  기사  >  백엔드 개발  >  js克隆id对象后如何修改id下子元素的id值

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

WBOY
WBOY원래의
2016-06-23 13:33:481829검색

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链接:
    
  

  











回复讨论(解决方案)

补写 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+"链接:"
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.