この記事の例では、テーブルの行に新しいセルを追加する JS メソッドについて説明します。皆さんの参考に共有してください。詳細は以下の通りです。
次の JS コードは、テーブル内の指定された ID を持つ行に新しいセルを挿入できます
<!DOCTYPE html> <html> <head> <script> function insCell() { var x=document.getElementById('tr1').insertCell(0); x.innerHTML="The famous"; } </script> </head> <body> <table border="1"> <tr id="tr1"> <td>Peter</td> <td>Griffin</td> </tr> </table> <br> <input type="button" onclick="insCell()" value="Insert cell"> </body> </html>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。