この記事の例では、HTML コードの指定された行をテーブルに表示する JS のメソッドを説明します。皆さんの参考に共有してください。詳細は以下の通りです。
次の JS コードは、テーブルの rows 配列を通じて、すべての列を含む指定された行の HTML コードを取得する方法を示しています。
<!DOCTYPE html> <html> <head> <script> function showRow() { alert(document.getElementById('myTable').rows[0].innerHTML); } </script> </head> <body> <table id="myTable" border="1"> <tr> <td>Row1 cell1</td> <td>Row1 cell2</td> </tr> <tr> <td>Row2 cell1</td> <td>Row2 cell2</td> </tr> <tr> <td>Row3 cell1</td> <td>Row3 cell2</td> </tr> </table> <br> <input type="button" onclick="showRow()" value="Show innerHTML of first row"> </body> </html>
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。