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

JavaScript DOM से टेबल में पंक्तियाँ कैसे जोड़ें?


JavaScript से टेबल में पंक्तियाँ जोड़ने के लिए, 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. HTML में टेबल कॉलम्स कैसे मर्ज करें? HTML में टेबल कॉलम्स कैसे मर्ज करें?

    colspan एट्रिब्यूट का उपयोग टेबल कॉलम्स मर्ज करने के लिए <td> टैग में colspan एट्रिब्यूट उपयोग करें। इससे आसन्न सेल्स आपस में मिल जाते हैं। उदाहरण: सामान्य टेबल (3x3) <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100

  1. HTML में टेबल सेल्स कैसे मर्ज करें? HTML में टेबल सेल्स कैसे मर्ज करें?

    colspan और rowspan दोनों का उपयोग टेबल सेल्स मर्ज करने के लिए colspan (स्तंभ) और rowspan (पंक्ति) एट्रिब्यूट्स एक साथ उपयोग करें। दोनों <td> टैग के अंदर जाते हैं। उदाहरण: सामान्य 3x3 टेबल <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px so

  1. OpenCV में C++ का उपयोग करके ट्रैकबार जोड़ें OpenCV में C++ का उपयोग करके ट्रैकबार जोड़ें

    ट्रैकबार नियंत्रणीय बार हैं जिनका उपयोग OpenCV में विभिन्न पैरामीटर्स को नियंत्रित करने के लिए किया जाता है। ट्रैकबार का उपयोग करके, हम इसे आसान बना सकते हैं और पैरामीटर्स को ग्राफिकली बदल सकते हैं। ट्रैकबार इस सीमा को हटाता है और OpenCV का उपयोग करके डायनामिक प्रभाव बनाने में सक्षम बनाता है।OpenCV