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

JavaScript में टेबल कैप्शन की स्थिति कैसे सेट करें?

अवलोकन

टेबल कैप्शन की स्थिति सेट करने के लिए captionSide प्रॉपर्टी का उपयोग करें (top या bottom)।

उदाहरण

<!DOCTYPE html> <html> <body> <table id = "newTable" border = "2"> <caption id = "newCaption">Employee Details</caption> <tr> <th>EmpID</th> <th>EmpName</th> <th>EmpDept</th> </tr> <tr> <td>001</td> <td>Amit</td> <td>IT</td> </tr> <tr> <td>002</td> <td>John</td> <td>Finance</td> </tr> <tr> <td>003</td> <td>David</td> <td>Marketing</td> </tr> </table> <br> <button onclick = "display()">Click to change caption position</button> <script> function display() { document.getElementById("newCaption").style.captionSide = "bottom"; } </script> </body> </html>
  1. JavaScript से HTML टेबल कैसे सॉर्ट करें? JavaScript से HTML टेबल कैसे सॉर्ट करें?

    HTML टेबल को JavaScript से सॉर्ट करना JavaScript का उपयोग करके HTML टेबल को वर्णानुक्रम (अल्फाबेटिकली) सॉर्ट करने का कोड: उदाहरण <!DOCTYPE html> <html> <head> <title>HTML टेबल को अल्फाबेटिकली सॉर्ट करें</title> <style> button { padding: 10px; margin-bott

  1. जावास्क्रिप्ट में डेट का दिन कैसे सेट करें? जावास्क्रिप्ट में डेट का दिन कैसे सेट करें?

    परिचय जावास्क्रिप्ट में setDate() मेथड का उपयोग डेट ऑब्जेक्ट का दिन (महीने का दिन) सेट करने के लिए किया जाता है। यह महीने और वर्ष को आवश्यकतानुसार स्वचालित रूप से एडजस्ट करता है। उदाहरण निम्न कोड जावास्क्रिप्ट में डेट का दिन सेट करने के लिए है: <!DOCTYPE html> <html lang="hi"&g

  1. HTML टेबल के लिए हॉरिजॉन्टल हेडर कैसे सेट करें? HTML टेबल के लिए हॉरिजॉन्टल हेडर कैसे सेट करें?

    हॉरिजॉन्टल हेडर टेबल में हॉरिजॉन्टल हेडर (क्षैतिज शीर्षक) के लिए सभी <th> टैग्स को एक ही <tr> (पंक्ति) के अंदर रखें, जो टेबल की सबसे ऊपरी पंक्ति होगी। उदाहरण <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100px;