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

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

WBOY
リリース: 2016-06-13 12:20:38
オリジナル
1612 人が閲覧しました

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

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


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





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


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



無題のドキュメント





画像 1 のアドレス:

画像 1 のリンク:




画像 2 アドレス:

画像 2 リンク:


画像 3 アドレス:

画像 3 リンク:





<ボタン名="tianjia" style="width:100px;" id="tj" onclick= "tjs()" >写真を追加
<ボタン名= "tianjia" style="width:100px;" id="tj" onclick="scs()" >写真を 1 枚削除





< /html>


-----解決策のアイデア---- -------できる書かないの?それから明確にしてください
実際には、次のように書くことができます
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 />
ログイン後にコピー
関連ラベル:
ソース:php.cn
前の記事:パブリック、プロテクト、プライベートの違い 次の記事:【phpについて】AppservのDW構成サイトに関する問題
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート