Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript DOM से टेबल में पंक्तियाँ कैसे हटाएं?


JavaScript में टेबल की पंक्तियाँ हटाने के लिए, 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 से तुलना टेबल (कॉम्पेरिजन टेबल) कैसे बनाएं? CSS से तुलना टेबल (कॉम्पेरिजन टेबल) कैसे बनाएं?

    कॉम्पेरिजन टेबल में फीचर कॉलम बाएं, प्लान कॉलम दाएं होते हैं। nth-child(even) से वैकल्पिक पंक्ति रंग, पहले कॉलम लेफ्ट-अलाइन, बाकी सेंटर। रिस्पॉन्सिव नहीं है लेकिन साफ डिज़ाइन। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=

  1. CSS से रिस्पॉन्सिव टेबल कैसे बनाएं? CSS से रिस्पॉन्सिव टेबल कैसे बनाएं?

    रिस्पॉन्सिव टेबल के लिए टेबल को overflow-x: auto वाले डिव में लपेटें। छोटे स्क्रीन पर क्षैतिज स्क्रॉलबार दिखाई देगा, टेबल संरचना बनी रहती है। ज़ेबरा स्ट्रिपिंग शामिल है। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1>

  1. HTML DOM टेबल rows कलेक्शन: सभी <tr> एलिमेंट्स एक्सेस करना HTML DOM टेबल rows कलेक्शन: सभी <tr> एलिमेंट्स एक्सेस करना

    HTML DOM टेबल rows कलेक्शन एक HTML दस्तावेज़ में टेबल के सभी <tr> एलिमेंट्स का कलेक्शन लौटाता है। इसमें <thead>, <tbody>, और <tfoot> की सभी पंक्तियां शामिल होती हैं। सिंटैक्स object.rows rows कलेक्शन के गुण गुण व्याख्या length HTML दस्तावेज़ में कलेक्शन में <tr>