jsでidオブジェクトを複製した後、そのidの下にある子要素のid値を変更する方法

この投稿は、qq_28513445 によって 2015-05-26 23:40:28


< ;title>無題ドキュメント





写真を追加
画像を削除
コードの生成


<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>
< ;/body>


上記は親IDのみを変更するために書いたコードです。書き方が分からなくても、コードを修正することも可能です。子要素の ID 値。おそらく、それを明確に表現することはできません。以下のコードを見てください。これが、次の

画像 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 />