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

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

この投稿は、qq_28513445 によって 2015-05-26 23:40:28 0e289a4c7d77f65d13ad0e32dd967f91
93f0f5c25f18dab9d176bd4f6de5d30e
36fc0da5a553527cb1d2a9551dbb853b
< ;title>無題ドキュメント6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d
9f9091322f187259b3af9befdc60c2f1
0791b2e1265db54b6d677155d60c7448
14fec085c87561465851066e0a8c9217画像 1 アドレス:
cafce3e47bb1557891380ac2af40d79b
画像 1 リンク :
badf4c1b66ae6fdf0b71e771428f5f5a
16b28748ea4df4d9c2150843fecfba68

16b28748ea4df4d9c2150843fecfba68
9fc72001573c2e797cb48471be0c6932写真を追加65281c5ac262bf6d81768915a4a77ac0
87105f0fe3bc5f2df13facbfb8b16e63画像を削除65281c5ac262bf6d81768915a4a77ac0
841fa1cca8f88c34370e214581cc960eコードの生成65281c5ac262bf6d81768915a4a77ac0076402276aae5dbec7f672f8f4e5cc81
9f9091322f187259b3af9befdc60c2f1
3f1c4e4b6b16bbbd69b2ee476dc4f83a
var zhs=0;

var $=function( cs){
return document.getElementById(cs)
};



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); // クローン化されたノードを親ノードに挿入します

}
2cacc6d41bbb37262a98f745aa00fbf0
< ;/body>
73a6ac4ed44ffec12cee46588e518a5e

上記は親IDのみを変更するために書いたコードです。書き方が分からなくても、コードを修正することも可能です。子要素の ID 値。おそらく、それを明確に表現することはできません。以下のコードを見てください。これが、次の 2fc22165255dd6734ef71dc08454964a
8dc7f2d928fb4d37e355eddb9277ea5b
93f0f5c25f18dab9d176bd4f6de5d30e
542e3a64c90cc576774cc76f1bdfac5d
b2386ffb911b14667cb8f0f91ea547a7無題のドキュメント6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d
9f9091322f187259b3af9befdc60c2f1

画像 1 のアドレス:

画像 1 のリンク:
badf4c1b66ae6fdf0b71e771428f5f5a
16b28748ea4df4d9c2150843fecfba68

16b28748ea4df4d9c2150843fecfba68
cd4a42d6bcf722de85a1b562178386be
16b28748ea4df4d9c2150843fecfba68
9818fbdfb5876fda93a0f9fd5292773d
16b28748ea4df4d9c2150843fecfba68

16b28748ea4df4d9c2150843fecfba68
d4e6ef3935d870d31c81823c096b9b03
288e8ce19fd52594a9795f085e9574ae写真を追加65281c5ac262bf6d81768915a4a77ac0
d2e282dee4deccb6fe0da3fee91015ac写真を 1 枚削除65281c5ac262bf6d81768915a4a77ac0
c117191fb1e5e4f3d82200e3d44b5279コードを生成65281c5ac262bf6d81768915a4a77ac0076402276aae5dbec7f672f8f4e5cc81
9f9091322f187259b3af9befdc60c2f1

36cc49f0c466276486e50c850b7e4956
081a934c7ac7a6b28b4ef3b648acdd09


-----解決策のアイデア---- -------できる書かないの？それから明確にしてください
実際には、次のように書くことができます

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。