Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để đặt vị trí của chú thích bảng trong JavaScript?

Để đặt vị trí của chú thích bảng, hãy sử dụng JavaScript borderWidth bất động sản. Đặt vị trí bằng cách sử dụng thuộc tính này.

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách đặt vị trí của chú thích của bảng -

Ví dụ

<!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>