ホームページ >バックエンド開発 >PHPチュートリアル >jsでidオブジェクトを複製した後、そのidの下にある子要素のid値を変更する方法

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

WBOY
WBOYオリジナル
2016-06-23 13:33:481863ブラウズ

b585974ae3b7dba3039af53a9593f9c4
383eb734b02b508089ba2d78eb4c6f68
93f0f5c25f18dab9d176bd4f6de5d30e
ebeda52af7641f7e715679a8472f8c69
b2386ffb911b14667cb8f0f91ea547a7无标题文档6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d
9f9091322f187259b3af9befdc60c2f1
56deb409f6ba3d17cc07d74f8e259d25
39ba1795e7afe415c87c45d4a6ada6f1图片1地址:
    fbf5ccea2a087822ee06d64f20e52f79
图片1链接:
    9846927955dc6cb9e949b7ea83dd345a
  16b28748ea4df4d9c2150843fecfba68
  
16b28748ea4df4d9c2150843fecfba68
4f724a2e8914babde8ddce41cf93ed65添加一个图片65281c5ac262bf6d81768915a4a77ac0
b81b876470b23ad87a52f16c2bbf3def删除一张图片65281c5ac262bf6d81768915a4a77ac0
f23c0b7a165d062c12dbbb7384359ff3生成代码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
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
上面是我写的只更改父id的代码, 不会写也能修改子元素id值代码,可能我表达不清楚,看下面的代码,就是要做到下面哪种
b585974ae3b7dba3039af53a9593f9c4
383eb734b02b508089ba2d78eb4c6f68
93f0f5c25f18dab9d176bd4f6de5d30e
ebeda52af7641f7e715679a8472f8c69
b2386ffb911b14667cb8f0f91ea547a7无标题文档6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d
9f9091322f187259b3af9befdc60c2f1
56deb409f6ba3d17cc07d74f8e259d25
39ba1795e7afe415c87c45d4a6ada6f1图片1地址:
    fbf5ccea2a087822ee06d64f20e52f79
图片1链接:
    9846927955dc6cb9e949b7ea83dd345a
  16b28748ea4df4d9c2150843fecfba68
  
16b28748ea4df4d9c2150843fecfba68
2710d2b238cd9c0794e8a6612b45d7d6图片2地址:
    8df6ccd72166b44f9519249e98a7373d
图片2链接:
    3e1a1f4b7d61b6ef17a8e43d45836459
  16b28748ea4df4d9c2150843fecfba68
  1743407f81f330e924a5c15ffb933ec0图片3地址:
    55f5e1d11fb6c5dd16ef40642945e981
图片3链接:
    9d4bd6c1f6d148de69dd54a35546ef65
  16b28748ea4df4d9c2150843fecfba68
  
16b28748ea4df4d9c2150843fecfba68
16b28748ea4df4d9c2150843fecfba68
716a789b5887503b0e6c46e1f45c0571画像を追加65281c5ac262bf6d81768915a4a77ac0 e5bc1d2f47abf692070715967e565195写真を削除65281c5ac262bf6d81768915a4a77ac0 3a40104865e4412be55345248da72614"+"Picture"+zhs+"Link:"

}

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