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

जावास्क्रिप्ट डोम के साथ टेबल कैप्शन कैसे बनाएं?


टेबल कैप्शन बनाने के लिए, DOM createCaption() विधि का उपयोग करें।

उदाहरण

टेबल कैप्शन बनाने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

<!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>
   </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 में कैप्शन वाली तालिका बनाने के लिए टैग का उपयोग करें। टैग के तुरंत बाद, टेबल के अंदर कैप्शन जुड़ जाता है। उदाहरण आप HTML में कैप्शन वाली तालिका बनाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html>    <head>       <style>