Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript DOMを使用してテーブルに行を追加するにはどうすればよいですか?


JavaScriptを使用してテーブルに行を追加するには、DOMメソッドinsertRow()を使用します。

次のコードを実行して、一度に1つずつテーブルに行を追加する方法を学ぶことができます-

<!DOCTYPE html>
<html>
   <head>
      <script>
         function rowFunction(x) {
            var a = document.getElementById(x).insertRow(0);
            var b = a.insertCell(0);
            var c = a.insertCell(1);
            b.innerHTML = c.innerHTML = "row";
         }
      </script>
   </head>
   <body>
      <table style="border:2px solid black" id="newtable">
         <tr>
            <td>One</td>
            <td>Two</td>
         </tr>
         <tr>
            <td>Three</td>
            <td>Four</td>
         </tr>
         <tr>
            <td>Five</td>
            <td>Six</td>
         </tr>
      </table>
      <p>
         <input type="button" onclick="rowFunction('newtable')" value="Add a row">
      </p>
   </body>
</html>

  1. HTMLでテーブルセルをマージする方法は?

    HTMLのセルを結合するには、colspanおよびrowspan属性を使用します。 rowspan属性は、セルがまたがる必要のある行数を表し、colspan属性は、セルがまたがる必要のある列の数を表します。 両方の属性はタグ内にあります。数値は数値になります。たとえば、行スパンの場合は2行の場合は2、列スパンの場合は2列の場合は2です。 例 最初に、3行3列のHTMLでテーブルを作成する方法を説明します <!DOCTYPE html> <html>    <head>       <style&g

  2. C ++を使用してOpenCVにトラックバーを追加するにはどうすればよいですか?

    トラックバーは、OpenCVのさまざまなパラメーターを制御するために使用される制御可能なバーです。トラックバーを使用すると、簡単にパラメータを変更できます。トラックバーはこの制限を取り除き、OpenCVを使用して動的効果を作成できるようにします。 次のプログラムは、C++を使用してOpenCVにトラックバーを追加する方法を示しています。 例 #include<iostream> #include<opencv2/highgui/highgui.hpp> using namespace cv; using namespace std; int main() { &nbs