কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট DOM ব্যবহার করে টেবিলে সারি যোগ করা


জাভাস্ক্রিপ্টে টেবিলে সারি যোগ করতে DOM insertRow() মেথডটি ব্যবহার করুন।

উদাহরণ

টেবিলে একবারে একটি সারি যোগ করার পদ্ধতি শিখতে নিচের কোডটি চালান −

<!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. CSS দিয়ে টেবিল বর্ডার কোল্যাপ্স করা

  2. HTML-এ টেবিল কলাম মার্জ (Merge) করা

  3. HTML-এ টেবিল সেল মার্জ (Merge) করা

  4. OpenCV-এ C++ ব্যবহার করে ট্র্যাকবার যোগ করা