Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> 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 के साथ एक रिस्पॉन्सिव टेबल बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    table {       border-collapse: collapse; &nb

  1. कैसे सीएसएस के साथ एक उत्तरदायी तालिका बनाने के लिए?

    CSS के साथ एक रिस्पॉन्सिव टेबल बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI',

  1. HTML DOM तालिका पंक्तियों का संग्रह

    HTML DOM तालिका पंक्तियाँ संग्रह एक HTML दस्तावेज़ में तालिका के सभी तत्वों का संग्रह देता है। सिंटैक्स निम्नलिखित वाक्य रचना है - object.rows पंक्तियों के संग्रह के गुण HTML दस्तावेज़ में संग्रह के तत्व। Property स्पष्टीकरण लंबाई यह एक HTML दस्तावेज़ में संग्रह में तत्वों की संख्या देता