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

জাভাস্ক্রিপ্ট DOM ব্যবহার করে টেবিলের সারি মুছে ফেলা


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

উদাহরণ

টেবিলে সারি মুছে ফেলার পদ্ধতি শিখতে নিচের কোডটি চালান। কোডটি একবারে একটি সারি মুছে ফেলে −

<!DOCTYPE html> <html>    <head>       <script>       function captionFunc(x) {          document.getElementById(x).createCaption().innerHTML = "Demo Caption";       }       </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="captionFunc('newtable')" value="Display Table Caption">       </p>       <p>          <input type="button" value="Delete Row" onclick="document.getElementById('newtable').deleteRow(0)">       </p>    </body> </html>

  1. CSS দিয়ে জেব্রা স্ট্রিপড টেবিল তৈরি করার পদ্ধতি

  2. CSS দিয়ে কম্পারিজন টেবিল তৈরি করার পদ্ধতি

  3. CSS দিয়ে রেসপন্সিভ টেবিল তৈরি করার পদ্ধতি

  4. HTML DOM Table rows কালেকশন: টেবিলের সব সারি (tr) পাওয়া