<p class="sougouContent"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <head> <br> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br> <title>无标题文档</title> <br> </head> <br> <br> <body> <br> <!----> <br> <div id="lbys"> <br> <div class="shurukuang" id="tps_0">图片1地址： <br> <input type="text" id="img0_ad"> <br> 图片1链接： <br> <input type="text" id="img0_li"> <br> </div> <br> <br> </div> <br> <button name="tianjia" style="width:100px;" id="tj" onclick="tjs()" >添加一个图片</button> <br> <button name="tianjia" style="width:100px;" id="tj" onclick="scs()" >删除一张图片</button> <br> <button name="ddd" onclick="as()" style="width:100px;">生成代码</button><br/> <br> <!----> <br> <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> <br> </body> <br> </html> <br> 上面是我写的只更改父id的代码， 不会写也能修改子元素id值代码，可能我表达不清楚，看下面的代码，就是要做到下面哪种 <br> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <head> <br> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br> <title>无标题文档</title> <br> </head> <br> <br> <body> <br> <!----> <br> <div id="lbys"> <br> <div class="shurukuang" id="tps_0">图片1地址： <br> <input type="text" id="img0_ad"> <br> 图片1链接： <br> <input type="text" id="img0_li"> <br> </div> <br> <br> </div> <br> <div class="shurukuang" id="tps_1">图片2地址： <br> <input type="text" id="img1_ad"> <br> 图片2链接： <br> <input type="text" id="img1_li"> <br> </div> <br> <div class="shurukuang" id="tps_2">图片3地址： <br> <input type="text" id="img2_ad"> <br> 图片3链接： <br> <input type="text" id="img2_li"> <br> </div> <br> <br> </div> <br> </div> <br> <button name="tianjia" style="width:100px;" id="tj" onclick="tjs()" >画像を追加</button> <button name="tianjia" style = "width:100px;" id="tj" onclick="scs()" >写真を削除</button> <button name="ddd" onclick="as()" style="width <br />; ) <br /> <br /> as 関数を書き換えた後、a5adecafc8c19404d3242faaad937021 と書くことができます </p> <p class="sougouAnswer"> えーっと 3q 私は as2 しか習っていないので、js を理解していません。 返信ありがとうございます。 HTML コンテンツを変更する愚かなメソッド</p> ですが、マスターのコードは賢明です <p class="sougouAnswer"> function tjs(){ <br /> var sourceNode = $("tps_"+zhs) </p> var clonedNode = sourceNode.cloneNode(true); //クローンノード <p class="sougouAnswer"> zhs=zhs+1; <br /> var vbn ="tps_" + zhs </p> clonedNode.setAttribute("id",vbn ); // クローンノードを親に挿入します。ノード <p class="sougouAnswer"> <br /> $(vbn).innerHTML="Picture" +zhs+"Address:<input type=text id=img"+zhs+"_ad>"+"Picture"+zhs+"Link:<input type=text id =img"+zhs+"_li>" </p> } <p class="sougouAnswer"></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
