Home >Backend Development >PHP Tutorial >js克隆id对象后如何修改id下子元素的id值

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

WBOY
WBOYOriginal
2016-06-23 13:33:481864browse

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn