<div class="codetitle"><span><a style="CURSOR: pointer" data="61095" class="copybut" id="copybut61095" onclick="doCopy('code61095')"><u>コードをコピーします</u></a></span></div> <div class="codebody" id="code61095"> <br><html> <br><head> 🎜><script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <br><script>//HTML を作成します。 element<br>function $c(tagname){ <br>return document.createElement(tagname); <br>} <br>//ドキュメントのロード後に実行されるコンテンツ <br>$(document).ready( function(){ <br>//行追加ボタンのクリックイベントをバインドします<br>$("#addrow").bind("click",function(){ <br>// テーブル <br>var を取得しますtab = $( "#tab"); <br>// tr 要素を作成します <br>var tr = $c("tr"); <br>// tr 要素をテーブルに追加します <br>tab.append(tr) ); <br>// td 要素を作成します<br>var td1=$c("td"); <br>// td 要素の内容<br>td1.innerHTML="insert1";新しく追加された tr Append td 要素 <br>tr.appendChild(td1); <br>td2.innerHTML="insert2"; ); <br>}); <br>// 行削除ボタンのクリック イベントをバインドします<br>$("#deleterow").bind("click",function(){ <br>//テーブルの最初の行 <br>var tab = $("#tab tr:eq(0)"); <br>// この行を削除します <br>tab.remove() <br>; >}); <br></head> <br><table border='1' id="tab"< tr> <BR> <BR> </td> <BR> </tr> <BR> </br> <BR><ボタン id="addrow">行を追加<br><ボタン id="deleterow">行を削除<br></body> ;/html><br><br> </div>
